/* Styles are used only by the two legal pages. Existing styles.css is unchanged. */
.legal-page { background:#fff; color:var(--ink); }
.legal-header { background:var(--navy); color:#fff; padding:24px max(22px,calc((100% - 960px)/2)); display:flex; align-items:center; justify-content:space-between; gap:20px; }
.legal-header .brand img { filter:none; width:34px; height:34px; }
.legal-header .brand strong { font-size:25px; }
.legal-header__back { font-size:13px; text-decoration:underline; text-underline-offset:5px; }
.legal-main { width:min(960px,calc(100% - 44px)); margin:0 auto; padding:64px 0 80px; overflow-wrap:anywhere; }
.legal-kicker { font-family:var(--font-en); color:#6c6a45; font-size:14px; letter-spacing:.14em; margin:0 0 12px; }
.legal-main h1 { color:var(--navy); font-size:clamp(25px,4vw,38px); line-height:1.55; font-weight:500; margin:0 0 16px; }
.legal-main h2 { color:var(--navy); font-size:20px; font-weight:500; line-height:1.65; margin:40px 0 14px; }
.legal-main p,.legal-main li,.legal-main dd { font-size:16px; line-height:1.95; }
.legal-date { color:#526172; font-size:13px!important; margin:0 0 26px; }
.legal-main a { color:var(--navy); text-decoration:underline; text-underline-offset:4px; }
.legal-main a:focus-visible,.legal-header a:focus-visible,.legal-page .footer a:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.legal-main ul,.legal-main ol { padding-left:1.5em; }
.legal-main li+li { margin-top:8px; }
.legal-facts { margin:22px 0; border-top:1px solid var(--line); }
.legal-facts > div { display:grid; grid-template-columns:210px minmax(0,1fr); gap:24px; padding:21px 0; border-bottom:1px solid var(--line); }
.legal-facts dt { font-weight:500; color:var(--navy); }
.legal-facts dd { margin:0; }
.legal-bottom { display:flex; flex-wrap:wrap; gap:14px 26px; padding-top:28px; margin-top:42px; border-top:1px solid var(--line); font-size:14px; }
.legal-page .footer { align-items:start; }
@media(max-width:600px) {
 .legal-header { padding:20px 22px; align-items:flex-start; flex-direction:column; gap:16px; }
 .legal-main { padding:40px 0 56px; }
 .legal-main h2 { font-size:18px; }
 .legal-facts > div { grid-template-columns:1fr; gap:8px; padding:20px 0; }
}