/* Stage 3 Phase 2: legal page, ported verbatim from the Stage 2 prototype (site_src/pages_other.py) */
.legal{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.legal nav{position:sticky;top:96px;border-top:2px solid var(--ink);padding-top:16px}
.legal nav a{display:block;text-decoration:none;font-size:15px;padding:6px 0;color:var(--grey)}
.legal nav a:hover{color:var(--ink)}
.legal section{padding:26px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.legal h2{font-weight:800;font-size:22px;letter-spacing:-.015em;margin-bottom:10px}
@media (max-width:820px){.legal{grid-template-columns:1fr}.legal nav{position:static}}
/* the live legal text inside the prototype layout */
.legal-h1{font-size:clamp(40px,6vw,84px)}
.legal-meta{margin-top:20px}
.legal-body{max-width:46em;font-size:17px}
.legal-intro{font-size:clamp(18px,1.6vw,20px);line-height:1.55;padding-bottom:6px}
.legal section p+p,.legal section p+ul,.legal section ul+p{margin-top:12px}
.legal h3{font-weight:700;font-size:17px;margin:20px 0 8px}
.legal ul{margin:10px 0 0;padding-left:1.2em}
.legal li+li{margin-top:6px}
.legal section:first-of-type{padding-top:0}