:root {
  --legal-bg: #f4f7fb;
  --legal-panel: #ffffff;
  --legal-text: #183247;
  --legal-muted: #617385;
  --legal-line: #dbe5ee;
  --legal-accent: #0d8db9;
  --legal-accent-dark: #075d7b;
  --legal-radius: 20px;
  --legal-shadow: 0 16px 38px rgba(14,38,61,.08);
}
*{box-sizing:border-box}
html,body{min-width:320px}
body{margin:0;overflow-x:hidden;background:var(--legal-bg);color:var(--legal-text)}
.legal-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 8%,rgba(32,190,226,.2),transparent 31rem),linear-gradient(120deg,#071b2e 0%,#0a2a42 58%,#0d5570 100%);color:#fff}
.legal-hero-inner{width:min(1180px,92vw);margin:auto;padding:clamp(52px,7vw,88px) 0 clamp(32px,4vw,52px)}
.legal-kicker{margin:0 0 10px;color:#7be7f1;font-size:.8rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.legal-hero h1{margin:0;max-width:900px;font-size:clamp(2.2rem,4.7vw,4.4rem);line-height:1;letter-spacing:-.04em}
.legal-hero p:not(.legal-kicker){max-width:800px;margin:20px 0 0;color:rgba(255,255,255,.82);font-size:clamp(1rem,.5vw + .9rem,1.18rem);line-height:1.65}
.legal-breadcrumbs{width:100%;max-width:100%;margin-top:clamp(26px,3.5vw,42px);padding:12px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);overflow:hidden}
.legal-breadcrumbs a,.legal-breadcrumbs span,.legal-breadcrumbs strong{min-width:0;color:rgba(255,255,255,.9);overflow-wrap:anywhere}.legal-breadcrumbs strong{color:#7be7f1}
.legal-main{width:min(1180px,92vw);margin:auto;padding:clamp(38px,5vw,70px) 0}
.legal-layout{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:clamp(22px,3vw,34px);align-items:start}
.legal-toc{position:sticky;top:18px;min-width:0;padding:20px;border:1px solid var(--legal-line);border-radius:var(--legal-radius);background:var(--legal-panel);box-shadow:var(--legal-shadow)}
.legal-toc h2{margin:0 0 14px;font-size:1rem}.legal-toc nav{display:grid;gap:6px}.legal-toc a{padding:9px 10px;border-radius:10px;color:var(--legal-muted);font-size:.9rem;text-decoration:none;transition:.18s ease}.legal-toc a:hover,.legal-toc a:focus-visible{background:#eef6fa;color:var(--legal-accent-dark);outline:none}
.legal-content{min-width:0;display:grid;gap:16px}.legal-update{margin:0;padding:13px 16px;border:1px solid var(--legal-line);border-radius:13px;background:#eef6fa;color:var(--legal-muted)}
.legal-card{min-width:0;max-width:100%;padding:clamp(20px,2.5vw,30px);border:1px solid var(--legal-line);border-radius:var(--legal-radius);background:var(--legal-panel);box-shadow:var(--legal-shadow);scroll-margin-top:20px}
.legal-card h2{margin:0 0 14px;color:var(--legal-text);font-size:clamp(1.2rem,1vw + 1rem,1.62rem);line-height:1.2}.legal-card p{margin:0 0 12px;line-height:1.72}.legal-card p:last-child{margin-bottom:0}.legal-card ul{margin:8px 0 14px;padding-left:1.25rem}.legal-card li{margin:6px 0;line-height:1.58}.legal-card a{color:var(--legal-accent-dark);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.legal-card strong{color:#102e45}.legal-card *{min-width:0;max-width:100%;overflow-wrap:anywhere}
@media(max-width:860px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}.legal-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.legal-hero-inner,.legal-main{width:94vw}.legal-breadcrumbs{border-radius:15px}.legal-toc nav{grid-template-columns:1fr}.legal-card,.legal-toc{border-radius:16px}}