
/* V6.86t14: shared, readable legal pages in the established Hoeckle design. */
.legal-page {background:#f1f5f7;color:var(--hk-steel,#24343d)}
.legal-hero {position:relative;isolation:isolate;overflow:hidden;padding:54px var(--page-gutter) 72px;background:#172229;color:#fff}
.legal-hero::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 10%,rgba(148,171,186,.08),transparent 65%)}
.legal-hero__inner {width:min(100%,1440px);margin:auto}
.legal-back {display:inline-flex;gap:14px;color:#b2bec5;font-size:13px}
.legal-hero .eyebrow {margin-top:56px;margin-bottom:22px}
.legal-hero h1 {margin:0;max-width:25ch;color:#fff;font-size:clamp(38px,5vw,72px);font-weight:650;line-height:1.08;letter-spacing:-.04em;hyphens:auto}
.legal-hero__lead {max-width:680px;margin-top:24px;color:#c0cbd1;font-size:18px;line-height:1.65}
.legal-hero__date {display:block;margin-top:30px;color:#8799a4;font-size:12px;letter-spacing:.05em}
.legal-layout {display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(48px,7vw,110px);width:min(calc(100% - 2 * var(--page-gutter)),1320px);margin:auto;padding-block:72px 110px}
.legal-nav {align-self:start;position:sticky;top:calc(var(--nav-height,114px) + 30px);border-top:1px solid #cbd5db;padding-top:22px}
.legal-nav .eyebrow {margin-bottom:20px;color:#677c89}
.legal-nav a {display:block;padding:8px 0;color:#526873;font-size:14px;line-height:1.5}
.legal-nav a:hover,.legal-copy a:hover {color:#a75a0c}
.legal-copy {min-width:0;max-width:890px}
.legal-section {scroll-margin-top:calc(var(--nav-height,114px) + 32px);padding-top:38px;margin-top:38px;border-top:1px solid #d2dce1}
.legal-section:first-child {padding-top:0;margin-top:0;border:0}
.legal-section h2 {margin:0 0 24px;font-size:clamp(26px,2.5vw,34px);font-weight:650;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.legal-section p,.legal-section address {margin:0 0 20px;color:#526671;font-size:16px;line-height:1.8;font-style:normal}
.legal-section a {color:#24343d;text-decoration:underline;text-decoration-color:#afbbc3;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-facts {margin:24px 0 0}
.legal-facts >div {display:grid;grid-template-columns:minmax(150px,.75fr) minmax(0,1.4fr);gap:28px;border-top:1px solid #dce3e7;padding:17px 0}
.legal-facts dt {font-size:14px;color:#6a7c88;line-height:1.7}
.legal-facts dd {margin:0;font-size:16px;color:#24343d;line-height:1.7;overflow-wrap:anywhere}
.legal-source {font-size:12px!important;color:#788891!important;margin-top:24px!important}
.legal-review-note {margin:0 0 38px;padding:18px 22px;border-left:2px solid #d98738;background:#e8edf0;font-size:14px;line-height:1.7;color:#526671}
.legal-review-note strong {display:block;color:#24343d;margin-bottom:4px}
.legal-download {display:grid;grid-template-columns:34px minmax(0,1fr);gap:20px;margin-top:22px;padding:28px;background:#fff;border:1px solid #d7e0e5;border-radius:6px}
.legal-download__number {font-size:13px;color:#9d6a36;letter-spacing:.06em;padding-top:2px}
.legal-download .eyebrow {font-size:10px;line-height:1.5;margin:0 0 14px;color:#a76527}
.legal-download h3 {font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
.legal-download p {font-size:15px;line-height:1.7}
.legal-download .legal-download__meta {font-size:12px;color:#7b8c97}
.legal-download__links {display:flex;gap:28px;flex-wrap:wrap;margin-top:20px}
.legal-download__links a {font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;gap:18px;border-bottom:1px solid #c6d0d6;padding-bottom:8px}
.legal-download__links span {color:#b46f2e}
.legal-page a:focus-visible {outline:2px solid #e09247;outline-offset:4px}
@media(max-width:900px){
.legal-layout {grid-template-columns:1fr;gap:38px;padding-block:44px 72px}
.legal-nav {position:static;display:flex;gap:8px 22px;flex-wrap:wrap}
.legal-nav .eyebrow {flex-basis:100%;margin-bottom:6px}
.legal-nav a {font-size:13px;padding:2px 0}
}
@media(max-width:520px){
.legal-hero {padding:32px 20px 48px}
.legal-hero .eyebrow {margin-top:40px}
.legal-hero h1 {font-size:clamp(30px,8.4vw,42px)}
.legal-hero__lead {font-size:16px}
.legal-layout {width:calc(100% - 40px)}
.legal-facts >div {grid-template-columns:1fr;gap:4px;padding-block:14px}
.legal-download {grid-template-columns:1fr;gap:12px;padding:22px}
.legal-download h3 {font-size:23px}
.legal-review-note {padding:16px}
}
@media print{
.site-header,.site-footer,.legal-nav,.legal-back {display:none!important}
.legal-layout {display:block;width:100%;padding:24px}
.legal-hero {padding:24px;background:#fff;color:#111}
.legal-hero h1,.legal-hero__lead {color:#111}
.legal-download {break-inside:avoid}
}
