/* === Page chrome === */
body {
  background-color: #f2e1ae;
}

#outerContainer {
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 1px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #ffffff;
}

/* === Dates === */
time {
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}
time.addendum {
  cursor: default;
  text-decoration: none;
}

/* === Titles === */
span.inlineTitle { font-weight: bold; }

h1 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
}
h2 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

/* === Addenda panel ===
   Your markup uses class="addendaDiv" (not id) */
.addendaDiv {
  background-color: #e6f2ff; /* pale blue */
  padding: 6px 40px 40px 40px;
  margin-left: 100px;
  margin-right: 100px;
  border-radius: 6px;
}

/* === Inline-only More/Less (hybrid-friendly) === */

/* Hidden utility */
[hidden] { display: none !important; }

/* Seamless boundary when a block body opens under the trigger */
p.tight-after { margin-bottom: 0; }
.reveal-block { margin-top: 0.25rem; }
.reveal-block > :first-child { margin-top: 0; }
.reveal-block > :last-child  { margin-bottom: 0; }

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

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

/* Add a clear gap before the block body */
.ml p + .ml-body { 
  margin-top: 0.8rem;                /* try 0.8–1.0rem to taste */
}

/* If the inline tail is visible, give a hair 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; 
}