/* terms.html and privacy.html: the inline <style> of M5's sc-ship-papers/ui/terms.html and ui/privacy.html,
   moved here because the site's CSP allows no inline style. Scoped to .legal-page so the site shell
   (styles.css) keeps its own body, heading, link and .eyebrow rules; M5's body/.wrap/h1/.eyebrow rules
   are replaced by the shell's .sc-document. The DRAFT banner sticks below the fixed header (78px, 68px under 700px). */
.legal-page h2 { color:#eef4fc; }
.legal-page li { margin:.3rem 0; }
.legal-page strong { color:#eef4fc; }
.legal-page .lede { color:#9aa7c2; }
.legal-page .note { margin-top:2.5rem; padding:1rem 1.1rem; border:1px solid #26304a; border-radius:12px; background:#0d1120; font-size:.9rem; }
.legal-page .back { display:inline-block; margin-top:2.5rem; font-size:.9rem; }
.legal-page .draft-banner, .legal-page .draft { position:sticky; top:78px; z-index:10; margin:0 0 1.4rem; padding:.6rem 1rem; text-align:center; border-radius:10px; }

/* terms.html (M5 "DRAFT additions": the draft banner, the marked licence choice, bracketed placeholders) */
.legal-terms .draft-banner, .legal-agreement .draft-banner { background:#1d160c; border:1px solid #795824; color:#ffd08a; font-family:ui-monospace,Consolas,monospace; font-size:.78rem; font-weight:700; letter-spacing:.04em; }
.legal-terms .choice { margin:.9rem 0; padding:1rem 1.1rem; border:1px solid #795824; border-radius:12px; background:#1d160c; }
.legal-terms .choice .tag { font-family:ui-monospace,Consolas,monospace; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:#ffd08a; }
.legal-terms .choice p, .legal-terms .choice li { color:#d9c9a6; }
.legal-terms .choice ul { margin:.4rem 0 0; }
.legal-terms .option { margin:.7rem 0 0; padding:.7rem .9rem; border:1px solid #33405a; border-radius:10px; background:#0d1120; color:#b7c0d8; line-height:1.7; }
.legal-terms .option b { color:#eef4fc; }
.legal-terms .ph { color:#ffd08a; }

/* privacy.html */
.legal-privacy .draft { background:#2a1d05; border:1px solid #8a6a1f; color:#ffe3a3; font-weight:600; font-size:.9rem; line-height:1.4; }
.legal-privacy table { width:100%; border-collapse:collapse; margin:.6rem 0 0; }
.legal-privacy th, .legal-privacy td { text-align:left; padding:.45rem .6rem; border-bottom:1px solid #1b2338; font-size:.92rem; color:#b7c0d8; vertical-align:top; overflow-wrap:anywhere; }
.legal-privacy th { color:#9aa7c2; font-weight:600; }
.legal-privacy .sec { font-family:ui-monospace,Consolas,monospace; font-size:.7rem; letter-spacing:.08em; color:#6f7fa8; font-weight:400; margin-left:.5rem; white-space:nowrap; }
.legal-privacy .ph { font-family:ui-monospace,Consolas,monospace; font-size:.85em; color:#ffe3a3; background:#2a1d05; border-radius:4px; padding:0 .3em; }
.legal-privacy .meta { font-family:ui-monospace,Consolas,monospace; font-size:.78rem; color:#9aa7c2; }
.legal-privacy code { font-family:ui-monospace,Consolas,monospace; font-size:.88em; color:#c9d3ee; overflow-wrap:anywhere; }
.legal-privacy .legal-site-note { margin-top:2.5rem; }

/* agreement.html (n=123 (a)): 01-EULA-DRAFT.md rendered whole; the DRAFT banner takes terms.html's banner style above.
   Long file names, paths and code in 01 wrap anywhere so nothing overflows at 375 px. */
.legal-agreement .agreement-body { overflow-wrap:anywhere; }
.legal-agreement h1 { font-size:clamp(28px,5vw,44px); }
.legal-agreement h2 { font-size:26px; margin-top:3rem; color:#eef4fc; }
.legal-agreement h3 { font-size:20px; margin-top:2.2rem; color:#eef4fc; }
.legal-agreement h4 { font-size:17px; margin-top:1.6rem; color:#eef4fc; }
.legal-agreement blockquote { margin:1rem 0; padding:.2rem 1rem; border-left:3px solid #795824; background:#0d1120; border-radius:0 10px 10px 0; }
.legal-agreement hr { margin:2.6rem 0; border:0; border-top:1px solid #26304a; }
.legal-agreement code { font-family:ui-monospace,Consolas,monospace; font-size:.88em; color:#c9d3ee; }
.legal-agreement table { width:100%; border-collapse:collapse; margin:.8rem 0 1.4rem; }
.legal-agreement th, .legal-agreement td { text-align:left; padding:.45rem .6rem; border-bottom:1px solid #1b2338; font-size:.92rem; color:#b7c0d8; vertical-align:top; line-height:1.6; }
.legal-agreement th { color:#9aa7c2; font-weight:600; }

@media (max-width:700px) {
  .legal-page .draft-banner, .legal-page .draft { top:68px; }
}