/* StructureIt — note rendering, echoing iClerk's .qa note styling */

/* Wood-desk background (from itranscribe.org) — white "paper" cards float on it. */
html, body {
  min-height: 100%;
  background: #d6b079 url('wood-bg.svg') center center / cover no-repeat fixed;
}

#raw { tab-size: 2; color: #000; }

.qa h3 {
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #000;                   /* solid black */
  margin: 1rem 0 0.4rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #cbd5e1; /* slate-300 — the "horizontal line" look */
}
.qa h3:first-child { margin-top: 0; }

.qa p {
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.6;
  color: #000;                   /* solid black */
  margin: 0.25rem 0 0.6rem;
}

.qa ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0.25rem 0 0.7rem;
}
.qa li {
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;                   /* solid black */
  margin: 0.15rem 0;
}

/* "Awaited" / "NKDA" placeholder lines read as muted */
.qa li:only-child,
.qa p:only-of-type { }
.qa p:not(:has(*)) { }

@media (max-width: 640px) {
  .qa h3 { font-size: 1rem; }
  .qa p, .qa li { font-size: 0.98rem; }
}