/* Long-form typography for the legal pages. Additive to legal-pages-20260824.css, which styles
   the hero and the chrome and assumes one short paragraph per section — these pages carry a full
   document. Kept in its own dated file so the approved stylesheet is untouched and neither file
   has to be re-cached under an old name. */

.draft-banner {
  margin: 34px 0 0;
  padding: 16px 20px;
  border: 1px solid #d68a00;
  border-radius: 12px;
  background: #fff6e0;
  color: #5a3c00;
  font-size: 15px;
  line-height: 1.6;
  max-width: 760px;
}
.draft-banner strong { color: #7a4f00 }

main section { margin-top: 56px; padding-top: 34px }
main section > :first-child { margin-top: 0 }

main section h2 {
  margin: 0 0 18px;
  color: #050505;
  font: 400 clamp(28px, 3.4vw, 40px)/1.1 'Instrument Serif', Georgia, serif;
  letter-spacing: -.02em;
}
main section h3 {
  margin: 34px 0 12px;
  color: #050505;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.01em;
}

main section p { margin: 0 0 16px }
main section p:last-child { margin-bottom: 0 }

main section ul,
main section ol {
  max-width: 690px;
  margin: 0 0 16px;
  padding-left: 22px;
  color: #6f6f6f;
  font-size: 17px;
  line-height: 1.7;
}
main section li { margin-bottom: 9px }
main section li strong,
main section p strong { color: #050505 }

main section blockquote {
  max-width: 690px;
  margin: 0 0 16px;
  padding: 2px 0 2px 18px;
  border-left: 3px solid #16853a;
  color: #050505;
  font-size: 17px;
  line-height: 1.7;
}

.table-wrap { max-width: 100%; overflow-x: auto }
main section table {
  min-width: 620px;
  margin: 0 0 18px;
  border-collapse: collapse;
  color: #6f6f6f;
  font-size: 15px;
  line-height: 1.55;
  text-align: left;
}
main section th,
main section td {
  padding: 11px 16px 11px 0;
  border-bottom: 1px solid #0000001a;
  vertical-align: top;
}
main section th { color: #050505; font-weight: 600 }

code {
  padding: 1px 5px;
  border-radius: 5px;
  background: #0000000d;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .88em;
  color: #050505;
}

/* Open questions the draft is not entitled to answer. Deliberately loud: these are the agenda for
   the review, and a reviewer must never mistake one for settled text. */
.marker {
  display: block;
  max-width: 760px;
  margin: 0 0 16px;
  padding: 13px 16px;
  border-left: 3px solid #b8860b;
  border-radius: 0 8px 8px 0;
  background: #fff8e6;
  color: #4a3a12;
  font-size: 15px;
  line-height: 1.6;
}
.marker::before {
  display: block;
  margin-bottom: 4px;
  color: #8a6400;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.marker.lawyer::before { content: 'For legal review' }
.marker.owner::before { content: 'Owner decision needed' }

.toc { max-width: 690px; margin: 30px 0 0; padding-left: 0; list-style: none }
.toc li { margin-bottom: 7px; color: #6f6f6f; font-size: 16px }
.toc a { border-bottom: 1px solid #0000001a }
.toc a:hover { color: #000; border-bottom-color: #000 }

@media (max-width: 640px) {
  main section { margin-top: 44px }
  main section ul, main section ol, main section blockquote { font-size: 16px }
}