:root{--ink:#101a2b;--blue:#2085d5;--text:#1c2938;--muted:#647386;--line:#e1e7ee;--wash:#f4f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--text);font:16px/1.75 Roboto,Arial,sans-serif}a{color:var(--blue)}.top{background:var(--ink);color:#fff}.top-inner{width:min(1040px,calc(100% - 40px));min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.top img{width:105px}.top nav{display:flex;gap:22px;flex-wrap:wrap}.top nav a{color:#fff;text-decoration:none;font-size:.92rem}.main{width:min(880px,calc(100% - 40px));margin:48px auto 72px;padding:clamp(24px,6vw,58px);border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 14px 45px #10243d0b}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:0 0 10px;color:var(--ink);font-size:clamp(2rem,5vw,3rem);line-height:1.14;letter-spacing:-.03em}h2{margin:34px 0 10px;color:var(--ink);font-size:1.28rem;line-height:1.35}p{margin:12px 0}li{padding-left:4px}.updated{margin:0 0 30px;color:var(--muted);font-size:.92rem}.callout{padding:18px 20px;border-left:4px solid var(--blue);border-radius:4px 10px 10px 4px;background:#eff7fd}.bottom{padding:28px 20px;background:var(--ink);color:#e6eff8;text-align:center}.bottom nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:10px}.bottom a{color:#e6eff8}.bottom p{margin:4px;font-size:.9rem}.cookie-banner{position:fixed;z-index:20;right:20px;bottom:20px;left:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1000px;margin:auto;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 15px 50px #10243d38}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.cookie-banner a{color:var(--blue)}.actions{display:flex;gap:10px;flex-shrink:0}.actions button{min-height:44px;padding:10px 14px;border:1px solid #ccd6e1;border-radius:8px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.actions .accept{border-color:var(--blue);background:var(--blue);color:#fff}@media(max-width:620px){.top-inner{padding:15px 0;align-items:flex-start;flex-direction:column}.top nav{gap:12px}.top nav a{font-size:.84rem}.main{margin:24px auto 40px}.cookie-banner{right:10px;bottom:10px;left:10px;align-items:stretch;flex-direction:column;padding:17px}.actions>*{flex:1;font-size:.84rem}}
