/* ============================================================
   CYMOTHOE · legal.css
   Page-specific rules only — shared design system lives in common.css
   ============================================================ */
/* ---- legal prose ---- */
.legal{max-width:72ch}
.legal h2{font-family:var(--font-display);font-weight:600;font-size:1.3rem;letter-spacing:.01em;color:var(--navy);margin:2.2rem 0 .8rem}
.legal h2:first-child{margin-top:0}
.legal p{margin-bottom:1rem;color:var(--ink)}
.legal ul,.legal ol{margin:0 0 1rem 1.3rem;color:var(--ink)}
.legal li{margin-bottom:.4rem}
.legal a{text-decoration:underline}
.legal strong{color:var(--navy)}
.legal .legal-toc{border:1px solid var(--bp-line-strong);border-radius:var(--r);background:var(--bp-panel-2);padding:1rem 1.3rem;margin-bottom:2rem}
.legal .legal-toc p{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.6rem}
.legal .legal-toc ol{margin:0 0 0 1.2rem}
.legal .legal-toc li{margin-bottom:.3rem;font-size:.88rem}
.legal .legal-table-wrap{overflow-x:auto;margin:0 0 1.2rem}
.legal .legal-table{width:100%;border-collapse:collapse;font-size:.86rem}
.legal .legal-table th,.legal .legal-table td{border:1px solid var(--bp-line-strong);padding:.5rem .7rem;text-align:left;vertical-align:top;color:var(--ink)}
.legal .legal-table th{background:var(--bp-panel-2);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.legal .legal-table code{font-family:var(--font-mono);font-size:.8rem;white-space:nowrap}