:root{
  --navy:#082257;
  --blue:#1569bb;
  --green:#43913b;
  --green-dark:#07583f;
  --page:#f5f7fa;
  --ink:#122744;
  --muted:#5e6d82;
  --border:#dce4eb;
  --surface:#fff;
  --max:920px;
  --font:"General Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);line-height:1.65}
a{color:var(--blue)}
.legal-top{background:linear-gradient(125deg,#031727,#082b43 58%,#07583f);color:#fff}
.legal-nav{width:min(var(--max),calc(100% - 40px));margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal-logo{display:block;width:150px;height:auto;filter:brightness(0) invert(1)}
.back-link{color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-bottom:1px solid rgba(73,239,184,.65);padding-bottom:3px}
.legal-hero{width:min(var(--max),calc(100% - 40px));margin:auto;padding:58px 0 72px}
.legal-kicker{display:block;margin-bottom:14px;color:#65e5b8;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.legal-hero h1{max-width:760px;margin:0;font-size:clamp(38px,7vw,66px);line-height:1.02;letter-spacing:-.035em}
.legal-hero p{max-width:650px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:17px}
.draft-notice{width:min(var(--max),calc(100% - 40px));margin:-26px auto 32px;padding:18px 20px;background:#effaf5;border:1px solid #bfe7d3;border-radius:12px;color:#215b45;font-size:14px;box-shadow:0 12px 30px rgba(8,34,87,.06)}
.legal-layout{width:min(var(--max),calc(100% - 40px));margin:0 auto 72px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}
.legal-toc{position:sticky;top:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px}
.legal-toc strong{display:block;margin-bottom:10px;color:var(--navy);font-size:13px;text-transform:uppercase;letter-spacing:.09em}
.legal-toc a{display:block;padding:5px 0;color:var(--muted);font-size:13px;text-decoration:none}
.legal-toc a:hover{color:var(--blue)}
.legal-content{padding:34px 38px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px rgba(8,34,87,.05)}
.legal-content section+section{margin-top:38px;padding-top:30px;border-top:1px solid var(--border)}
.legal-content h2{margin:0 0 12px;color:var(--navy);font-size:25px;line-height:1.2}
.legal-content h3{margin:24px 0 8px;color:var(--ink);font-size:17px}
.legal-content p,.legal-content li{font-size:15px;color:var(--muted)}
.legal-content ul{padding-left:22px}
.legal-content li+li{margin-top:7px}
.placeholder{display:inline-block;padding:1px 6px;border:1px dashed #8aa0b5;border-radius:5px;background:#f7f9fb;color:#53677d;font-weight:600}
.callout{margin:22px 0;padding:18px;border-left:4px solid var(--green);border-radius:0 10px 10px 0;background:#f1f9f4;color:#365b49;font-size:14px}
.legal-footer{padding:28px 20px;background:#031727;color:rgba(255,255,255,.65);text-align:center;font-size:13px}
@media(max-width:720px){
  .legal-nav{min-height:74px}.legal-logo{width:130px}.legal-hero{padding:42px 0 60px}
  .legal-layout{grid-template-columns:1fr;gap:18px}.legal-toc{position:static}.legal-content{padding:26px 22px}
}