
/* STOK legal pages: editorial rhythm, typographic rather than photographic */
.legal-page .legal-hero{padding-top:95px;padding-bottom:74px;border-bottom:1px solid #e3e0e3}
.legal-page .legal-hero-top{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px}
.legal-page .legal-kicker{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#777079}
.legal-page .legal-date{font-size:10px;color:#88818a}
.legal-page h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(70px,10.5vw,156px);line-height:.87;letter-spacing:-.055em;margin:0 0 28px}
.legal-page .legal-intro{max-width:670px;font-size:14px;line-height:1.95;color:#625c65;margin:0}
.legal-page .legal-layout{display:grid;grid-template-columns:minmax(150px,26%) minmax(0,1fr);gap:8%;padding-top:75px;padding-bottom:110px}
.legal-page .legal-sidebar{font-size:10px;color:#756f77}
.legal-page .legal-sidebar .side-sticky{position:sticky;top:35px}
.legal-page .legal-sidebar .mini{letter-spacing:.19em;text-transform:uppercase;color:#40363e;margin-bottom:22px}
.legal-page .legal-sidebar a{display:block;padding:6px 0;line-height:1.5;color:#777079}
.legal-page .legal-sidebar a:hover{text-decoration:underline;text-underline-offset:4px}
.legal-page .legal-prose{max-width:780px}
.legal-page .legal-section{padding:0 0 36px;margin:0 0 33px;border-bottom:1px solid #ebe9ec;scroll-margin-top:22px}
.legal-page .legal-section:last-child{border-bottom:0}
.legal-page h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(34px,4vw,49px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0 0 14px}
.legal-page .legal-prose p,.legal-page .legal-prose li{font-size:12px;line-height:1.98;color:#625c65;margin:0 0 14px}
.legal-page .legal-prose ul{padding-left:19px;margin:0 0 19px}
.legal-page .legal-prose li{padding-left:5px;margin-bottom:5px}
.legal-page .legal-prose a{color:#40363e;text-decoration:underline;text-underline-offset:3px}
.legal-page .legal-prose strong{color:#40363e;font-weight:500}
.legal-page .legal-note{padding:20px 23px;background:#f2f2f4;margin:24px 0}
.legal-page .legal-note p:last-child{margin-bottom:0}
.legal-page .contact-details{font-style:normal;line-height:1.9;font-size:12px;color:#625c65}
.legal-page .legal-choices{padding:26px 0 10px}
.legal-page .choice-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #e7e3e7}
.legal-page .choice-row:first-child{border-top:1px solid #e7e3e7}
.legal-page .choice-row h3{font-size:12px;letter-spacing:.03em;font-weight:500;margin:0 0 6px}
.legal-page .choice-row p{font-size:11px;max-width:560px;margin:0}
.legal-page .toggle{appearance:none;position:relative;width:52px;height:29px;background:#ddd9de;border:1px solid #bdb6be;border-radius:20px;cursor:pointer;flex-shrink:0;transition:background .18s}
.legal-page .toggle:after{content:'';position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .18s}
.legal-page .toggle:checked{background:#40363e;border-color:#40363e}
.legal-page .toggle:checked:after{transform:translateX(22px)}
.legal-page .toggle:disabled{cursor:not-allowed;opacity:.7}
.legal-page .toggle:focus-visible{outline:2px solid #40363e;outline-offset:4px}
.legal-page .choice-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px}
.legal-page .choice-actions button{border:1px solid #40363e;color:#40363e;background:#fff;padding:15px 19px;font-size:11px;font-family:'Poppins',Arial,sans-serif;cursor:pointer}
.legal-page .choice-actions button.primary{color:#fff;background:#40363e}
.legal-page .choice-status{min-height:28px;font-size:12px;color:#40363e;line-height:1.6}
@media (max-width:800px){
 .legal-page .legal-layout{grid-template-columns:1fr;gap:35px;padding-top:45px;padding-bottom:75px}
 .legal-page .legal-sidebar .side-sticky{position:static}
 .legal-page .legal-sidebar nav{display:flex;flex-wrap:wrap;gap:9px 22px}
 .legal-page .legal-sidebar a{padding:2px 0}
 .legal-page .legal-hero{padding-top:58px;padding-bottom:50px}
 .legal-page .legal-hero-top{margin-bottom:24px}
 .legal-page .legal-prose p,.legal-page .legal-prose li{font-size:12px}
}
@media (max-width:440px){
 .legal-page .legal-hero-top{align-items:flex-start;flex-direction:column;gap:7px}
 .legal-page .legal-choices .choice-row{grid-template-columns:1fr auto;gap:14px}
 .legal-page .choice-actions button{flex:1 1 auto}
}
