/* ---------- LEGAL DOCUMENT PAGES ---------- */ .legal-hero{ background: var(--navy); padding:76px 0 56px; } .legal-hero .eyebrow{ margin-bottom:18px; } .legal-hero h1{ color: var(--white); font-size:40px; max-width:640px; } .legal-hero .meta{ margin-top:20px; font-size:13.5px; color: rgba(255,255,255,0.62); letter-spacing:0.02em; } .legal-body{ padding:64px 0 96px; } .legal-grid{ display:grid; grid-template-columns: 240px 1fr; gap:72px; align-items:start; } .legal-toc{ position:sticky; top:96px; border-left:1px solid var(--hairline); padding-left:22px; } .legal-toc .toc-label{ font-size:11px; font-weight:600; letter-spacing:0.16em; text-transform:uppercase; color: var(--slate); margin-bottom:16px; display:block; } .legal-toc a{ display:block; font-size:13.5px; color: var(--slate); padding:7px 0; line-height:1.4; transition: color .2s ease; border-left:2px solid transparent; margin-left:-23px; padding-left:21px; } .legal-toc a:hover{ color: var(--navy); } .legal-content{ max-width:680px; } .legal-content > p.intro{ font-size:17px; color: var(--slate); margin-bottom:44px; line-height:1.7; } .legal-section{ padding:36px 0; border-top:1px solid var(--hairline); } .legal-section:first-of-type{ border-top:none; padding-top:0; } .legal-section h2{ font-size:23px; margin-bottom:16px; scroll-margin-top:96px; } .legal-section h3{ font-size:16px; font-family: var(--sans); font-weight:600; letter-spacing:0.01em; margin:22px 0 10px; color: var(--navy); } .legal-section p{ font-size:15px; color:#3C4A5E; line-height:1.75; margin-bottom:14px; } .legal-section ul{ margin:10px 0 18px; } .legal-section li{ font-size:15px; color:#3C4A5E; line-height:1.75; padding-left:20px; position:relative; margin-bottom:8px; } .legal-section li::before{ content:""; position:absolute; left:0; top:9px; width:5px; height:5px; background: var(--emerald); } .legal-section a.inline-link{ color: var(--navy); text-decoration:underline; text-decoration-color: rgba(15,39,71,0.3); text-underline-offset:2px; } .legal-section a.inline-link:hover{ text-decoration-color: var(--navy); } .legal-callout{ background: var(--mist); border-left:3px solid var(--emerald); padding:20px 24px; margin:20px 0; } .legal-callout p{ margin-bottom:0; font-size:14.5px; color: var(--navy); } @media (max-width: 880px){ .legal-grid{ grid-template-columns: 1fr; gap:32px; } .legal-toc{ position:static; border-left:none; padding-left:0; border-bottom:1px solid var(--hairline); padding-bottom:20px; } .legal-hero h1{ font-size:30px; } }