/* ---------- legal pages ---------- */
.legal{ background:#fff; padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,7vw,6rem); }
.legal__grid{ display:grid; grid-template-columns:17rem minmax(0,1fr); gap:clamp(2rem,6vw,6rem); align-items:start; }
.legal__side{ position:sticky; top:calc(var(--nav-h) + 24px); }
.legal__toc ol{ list-style:none; margin:0; padding:0; border-top:1px solid var(--navy); max-height:calc(100vh - var(--nav-h) - 180px); overflow:auto; scrollbar-width:thin; }
.legal__toc a{ display:block; padding:.55rem 0; border-bottom:1px solid var(--border); font-family:var(--font-head); font-size:.85rem; font-weight:500; color:var(--ink-soft); text-decoration:none; line-height:1.3; transition:color .2s var(--ease), padding-left .2s var(--ease); }
.legal__toc a:hover, .legal__toc a.on{ color:var(--navy); }
.legal__toc a.on{ padding-left:.35rem; border-left:2px solid var(--red); margin-left:-2px; }
.legal__other{ display:inline-flex; align-items:center; gap:.45rem; margin-top:1.25rem; font-family:var(--font-head); font-weight:600; font-size:.88rem; color:var(--navy); text-decoration:none; }
.legal__other .ic{ width:16px; height:16px; stroke-width:2; }
.legal__body{ max-width:68ch; }
.legal__h1{ font-family:var(--font-head); font-weight:600; color:var(--navy); font-size:clamp(2.4rem,5vw,3.8rem); line-height:1; letter-spacing:-.04em; margin:0 0 1rem; }
.legal__lede{ font-size:1.1rem; color:var(--ink); line-height:1.6; margin:0 0 2.5rem; padding-bottom:2rem; border-bottom:1px solid var(--border); }
.legal__body h2{ font-family:var(--font-head); font-weight:600; color:var(--navy); font-size:clamp(1.25rem,2vw,1.55rem); line-height:1.2; letter-spacing:-.02em; margin:2.6rem 0 .9rem; scroll-margin-top:calc(var(--nav-h) + 24px); }
.legal__body h2:first-of-type{ margin-top:0; }
.legal__body p{ color:var(--ink); font-size:1rem; line-height:1.75; margin:0 0 1.05rem; }
.legal__body p b{ color:var(--navy); font-weight:600; }
.legal__body .legal__caps{ font-size:.86rem; line-height:1.65; color:var(--ink); background:var(--grey-card); border-left:3px solid var(--navy); border-radius:0 12px 12px 0; padding:.9rem 1.1rem; }
.legal__body ul{ margin:0 0 1.2rem; padding:0 0 0 1.2rem; }
.legal__body li{ color:var(--ink); line-height:1.65; margin:.35rem 0; padding-left:.2rem; }
.legal__body li::marker{ color:var(--sky-dark); }
@media (max-width:900px){ .legal__grid{ grid-template-columns:1fr; gap:2rem; } .legal__side{ position:static; } .legal__toc ol{ max-height:none; columns:2; column-gap:2rem; } .legal__toc a{ break-inside:avoid; } }
@media (max-width:560px){ .legal__toc ol{ columns:1; } }