:root { --blue:#073562; --blue-2:#0054A6; --green:#1EA83B; --ink:#152B45; --muted:#52657C; --line:#D8E6F1; --surface:#FFFFFF; --background:#F3F8FC; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--background); color:var(--ink); font-family:Inter,"Segoe UI",Arial,sans-serif; line-height:1.65; }
a { color:var(--blue-2); }
a:focus-visible { outline:3px solid rgba(30,168,59,.55); outline-offset:3px; }
.skip-link { position:absolute; left:-9999px; top:10px; z-index:100; padding:10px 14px; border-radius:10px; background:#FFFFFF; color:var(--blue); font-weight:800; }
.skip-link:focus { left:10px; }
.legal-container { width:min(1180px,92vw); margin:0 auto; }
.legal-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(14px); }
.legal-header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.legal-brand img { display:block; width:180px; height:auto; }
.back-link { min-height:42px; display:inline-flex; align-items:center; padding:0 15px; border:1px solid var(--line); border-radius:999px; text-decoration:none; font-size:13px; font-weight:800; }
.legal-shell { display:grid; grid-template-columns:240px minmax(0,1fr); gap:34px; align-items:start; padding:42px 0 64px; }
.legal-index { position:sticky; top:100px; max-height:calc(100vh - 120px); overflow:auto; padding:18px; border:1px solid var(--line); border-radius:18px; background:var(--surface); box-shadow:0 14px 34px rgba(7,53,98,.06); }
.legal-index strong { display:block; margin-bottom:9px; color:var(--blue); }
.legal-index nav { display:grid; gap:6px; }
.legal-index a { padding:5px 0; color:var(--muted); font-size:12px; line-height:1.35; text-decoration:none; }
.legal-index a:hover { color:var(--blue-2); }
.legal-content { min-width:0; padding:36px clamp(22px,5vw,64px); border:1px solid var(--line); border-radius:24px; background:var(--surface); box-shadow:0 18px 48px rgba(7,53,98,.08); }
.legal-version { display:inline-flex; margin:0 0 18px !important; padding:7px 11px; border-radius:999px; background:#EAF6EC; color:#176B2B !important; font-size:12px !important; font-weight:800; }
.legal-content h1,.legal-content h2,.legal-content h3 { color:var(--blue); line-height:1.25; }
.legal-content h1 { margin:0 0 22px; font-size:clamp(30px,4vw,44px); }
.legal-content h2 { scroll-margin-top:100px; margin:42px 0 14px; padding-top:6px; border-top:1px solid #E9F0F6; font-size:25px; }
.legal-content h3 { margin:26px 0 10px; font-size:19px; }
.legal-content p { margin:12px 0; color:#304760; font-size:15px; }
.legal-content code { padding:.12rem .34rem; border-radius:.35rem; background:#EEF4FB; color:var(--ink); font:inherit; }
.legal-content li { margin:7px 0; color:#304760; }
.legal-content blockquote { margin:18px 0; padding:16px 18px; border-left:4px solid var(--green); border-radius:0 12px 12px 0; background:#F1FAF3; color:#244537; font-weight:650; }
.legal-content hr { margin:34px 0; border:0; border-top:1px solid var(--line); }
.table-scroll { margin:18px 0; overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:13px; }
th,td { padding:11px 12px; border:1px solid var(--line); text-align:left; vertical-align:top; }
th { background:#ECF5FC; color:var(--blue); }
.legal-footer { padding:28px 0; background:#082247; color:#D7E7F7; }
.legal-footer .legal-container { display:grid; gap:6px; font-size:12px; }
.legal-footer strong { color:#FFFFFF; }
.legal-footer a { color:#FFFFFF; }
@media (max-width:900px) { .legal-shell { grid-template-columns:1fr; } .legal-index { position:static; max-height:none; } .legal-index nav { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .legal-header-inner { min-height:68px; } .legal-brand img { width:145px; } .back-link { padding:0 11px; font-size:12px; } .legal-shell { padding:22px 0 40px; } .legal-content { padding:24px 18px; border-radius:18px; } .legal-content h2 { font-size:22px; } .legal-index nav { grid-template-columns:1fr; } }