:root{--legal-ink:#172238;--legal-muted:#627086;--legal-orange:#f26b21;--legal-line:#e5eaf0;--legal-paper:#fff;--legal-bg:#f4f7fa;--legal-navy:#111c32}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.legal-page{margin:0;background:var(--legal-bg);color:var(--legal-ink);font-family:Inter,Arial,sans-serif;line-height:1.7}
.legal-topbar{background:var(--legal-navy);color:#d9e0ec;font-size:.82rem}
.legal-topbar-inner,.legal-header-inner,.legal-footer-inner{width:min(1160px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal-topbar-inner{min-height:38px}
.legal-topbar a{color:#fff;text-decoration:none}
.legal-header{background:#fff;border-bottom:1px solid var(--legal-line)}
.legal-header-inner{min-height:82px}
.legal-brand img{display:block;width:190px;height:auto}
.legal-nav{display:flex;align-items:center;gap:26px}
.legal-nav a{color:var(--legal-ink);font-size:.92rem;font-weight:600;text-decoration:none}
.legal-nav a:hover,.legal-footer a:hover{color:var(--legal-orange)}
.legal-nav .legal-call{padding:11px 18px;border-radius:7px;background:var(--legal-orange);color:#fff}
.legal-hero{background:linear-gradient(120deg,#111c32 0%,#1c3152 100%);color:#fff;padding:62px 20px 70px}
.legal-hero-inner{width:min(1160px,100%);margin:auto}
.legal-eyebrow{margin:0 0 12px;color:#ff9b63;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.legal-hero h1{max-width:820px;margin:0;font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;letter-spacing:-.04em}
.legal-lead{max-width:760px;margin:19px 0 0;color:#d4dceb;font-size:1.08rem}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.legal-meta span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #ffffff38;border-radius:999px;color:#eef3fa;font-size:.82rem}
.legal-layout{width:min(1160px,calc(100% - 40px));margin:38px auto 78px;display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:28px}
.legal-toc,.legal-content{background:var(--legal-paper);border:1px solid var(--legal-line);border-radius:14px;box-shadow:0 8px 30px #17223808}
.legal-toc{position:sticky;top:20px;padding:22px}
.legal-toc h2{margin:0 0 13px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--legal-muted)}
.legal-toc ol{margin:0;padding-left:20px}
.legal-toc li{padding:5px 0;color:#b8c1cf}
.legal-toc a{color:#39475e;font-size:.88rem;text-decoration:none}
.legal-toc a:hover{color:var(--legal-orange)}
.legal-content{padding:clamp(24px,4vw,48px)}
.legal-intro{margin:0 0 8px;padding:18px 20px;border-left:3px solid var(--legal-orange);border-radius:0 8px 8px 0;background:#fff7f1;color:#39475e}
.legal-section{padding:27px 0;border-bottom:1px solid var(--legal-line);scroll-margin-top:24px}
.legal-section:first-of-type{padding-top:22px}
.legal-section:last-child{border-bottom:0;padding-bottom:0}
.legal-section h2{margin:0 0 12px;font-size:1.28rem;line-height:1.35;letter-spacing:-.02em}
.legal-section h3{margin:20px 0 7px;font-size:1rem}
.legal-section p{margin:9px 0;color:#526076;font-size:.96rem}
.legal-section ul{margin:9px 0;padding-left:22px;color:#526076}
.legal-section li{padding:4px 0}
.legal-section a{color:#d85a15;text-underline-offset:3px}
.legal-note{padding:14px 16px;border:1px solid #f5d1ba;border-radius:9px;background:#fffaf6;color:#754022}
.legal-footer{background:var(--legal-navy);color:#c5cedc;padding:27px 0}
.legal-footer-inner{flex-wrap:wrap;font-size:.86rem}
.legal-footer p{margin:0}
.legal-footer-links{display:flex;flex-wrap:wrap;gap:20px}
.legal-footer a{color:#fff;text-decoration:none}
@media(max-width:760px){.legal-topbar-inner,.legal-header-inner,.legal-footer-inner{width:min(100% - 32px,1160px)}.legal-header-inner{min-height:70px}.legal-brand img{width:150px}.legal-nav{gap:14px}.legal-nav a:not(.legal-call){display:none}.legal-nav .legal-call{padding:9px 12px;font-size:.84rem}.legal-hero{padding:48px 16px 54px}.legal-layout{width:calc(100% - 28px);margin:22px auto 48px;grid-template-columns:1fr;gap:14px}.legal-toc{position:static;padding:18px}.legal-toc ol{columns:2;column-gap:20px}.legal-toc li{break-inside:avoid}.legal-content{padding:23px 20px}.legal-lead{font-size:1rem}}
@media(max-width:420px){.legal-topbar-inner{font-size:.74rem}.legal-toc ol{columns:1}.legal-nav{gap:0}}