h1.positionPostPairTop {
  text-align: center;
  font-weight: bold;
  margin-top: 0;
  font-size: 22px;
  letter-spacing: 1.5px;
  color: #666;
  margin-bottom: 1px;
}

h1.positionPostPairBottom {
  text-align: center;
  font-weight: bold;
  margin-top: 2px;
  font-size: 24px;
  margin-bottom: 20px;
}

h1.positionPostSingleLine {
  text-align: center;
  font-weight: bold;
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 20px;
}

h1.oneLineHeaderA {
  text-align: center;
  font-style: italic;
  color: blue;
}

h1.postAddendum {
  text-align: center;
  font-style: italic;
  color: green;
}

/* Closed Position Indicator */
  span.closedPosition {
  color: red;
}

span.inlineTitle {
  font-weight: bold;
}


/* ============================================================
   4. ADDENDA PANEL
   ============================================================ */

.addendaDiv {
  background-color: #e6f2ff; /* pale blue */
  padding: 6px 40px 40px 40px;
  margin-left: 100px;
  margin-right: 100px;
  border-radius: 6px;
}


/* ============================================================
   5. MORE / LESS TOGGLE – BASE BEHAVIOR
   ============================================================ */

/* Honor [hidden] attribute for any element */
[hidden] {
  display: none !important;
}

/* Keep the lead paragraph snug when followed by [More] */
p.tight-after {
  margin-bottom: 0;
}

/* Trigger styling */
.more-trigger {
  cursor: pointer;
  color: #0645ad;
  text-decoration: underline;
}

.more-trigger:hover {
  text-decoration: none;
}


/* ============================================================
   6. MORE / LESS – SPACING TUNING (ADVANCED)
   ============================================================ */

/* Generic “revealed block” helper */
.reveal-block {
  margin-top: 0.25rem;
}

.reveal-block > :first-child {
  margin-top: 0;
}

.reveal-block > :last-child {
  margin-bottom: 0;
}

/* Keep the lead line snug when using the .ml pattern */
.ml .tight-after {
  margin-bottom: 0;
}

/* Add a gap before the block body in .ml */
.ml p + .ml-body {
  margin-top: 0.8rem;
}

/* If the inline tail is visible, add a bit more space */
.ml p:has(.ml-tail:not([hidden])) + .ml-body {
  margin-top: 1rem;
}

/* Avoid double-spacing from the first paragraph inside .ml-body */
.ml .ml-body > p:first-child {
  margin-top: 0;
}

hr.postSeparator {
  /* Center the post separator relative to the entire post, clearing any floats */
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; /* Or your preferred specific width percentage, e.g., 60% */
}
}