@font-face{font-family:"Roboto";font-style:normal;font-weight:400 900;font-stretch:100%;font-display:swap;src:url("assets/fonts/roboto-latin-var.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--abyss:#06063f;--navy:#0b0b8a;--ocean:#0a7fbf;--aqua:#00b4d8;--foam:#e6f6fb;--paper:#f6fbfd;--ink:#0d1030;--muted:#4a5272}
*{box-sizing:border-box;margin:0}
html{font-size:clamp(16px,.45vw + 9.2px,21px);-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{font:400 1.0625rem/1.7 "Roboto",system-ui,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--abyss);color:#fff;padding:.6rem 1rem;border-radius:8px;z-index:50}
.skip:focus{left:8px}
.lhead{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem max(16px,env(safe-area-inset-left));background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(6,6,63,.08)}
.lbrand img{height:50px;width:auto;display:block}
.lright{display:flex;align-items:center;gap:.9rem}
.lback{font-weight:700;font-size:.95rem;color:var(--abyss);text-decoration:none;padding:.7rem .2rem;border-bottom:3px solid var(--aqua)}
.lang{display:flex;border:2px solid var(--abyss);border-radius:999px;overflow:hidden}
.lang button{font:700 .78rem/1 "Roboto",sans-serif;letter-spacing:.06em;border:0;background:transparent;color:var(--abyss);min-width:44px;min-height:40px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--abyss);color:#fff}
.legal{width:min(900px,100% - 40px);margin:0 auto;padding:clamp(2rem,6vw,4rem) 0 4rem}
.legal h1{font-size:clamp(2rem,6vw,3rem);font-weight:900;line-height:1.05;letter-spacing:-.025em;color:var(--abyss)}
.legal .meta{margin:.6rem 0 1.6rem;color:var(--muted);font-size:.95rem}
.legal h2{margin:2.2rem 0 .6rem;font-size:1.3rem;font-weight:700;letter-spacing:-.01em;color:var(--abyss)}
.legal p{margin:.7rem 0}
.legal ul{margin:.7rem 0;padding-left:1.3rem}
.legal li{margin:.45rem 0}
.legal code{background:var(--foam);padding:.1rem .4rem;border-radius:6px;font-size:.92em}
.todo{background:#fff3b0;color:#5a4300;padding:.05rem .35rem;border-radius:5px;font-weight:500}
.lfoot{border-top:1px solid rgba(6,6,63,.1);background:#fff;padding:1.4rem 20px calc(1.4rem + env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:.92rem}
.lfoot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;margin-bottom:.6rem}
.lfoot nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--navy);font-weight:500}
@media (max-width:480px){.lbrand img{height:42px}.lback{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
