:root{color-scheme:light dark;--bg:#f5f7ff;--panel:#fff;--ink:#172033;--muted:#526079;--line:#dce5f2;--link:#1d4ed8}
@media(prefers-color-scheme:dark){:root{--bg:#0d1320;--panel:#151d2b;--ink:#f3f6ff;--muted:#b2bdd1;--line:#2b3850;--link:#86b2ff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 "Segoe UI",Arial,sans-serif}
a{color:var(--link);text-underline-offset:3px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--link);outline-offset:4px}
.site-footer,main{max-width:1080px;margin:auto;padding:24px}
.site-header{border-bottom:1px solid var(--line);background:var(--panel);box-shadow:0 4px 24px rgb(15 32 64 / 4%)}
.site-header-inner,.site-header-caption{max-width:1120px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}
.site-header .brand img{border-radius:12px;box-shadow:0 4px 12px rgb(37 99 235 / 16%)}
.site-header .brand strong{display:block;font:800 21px/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.7px}
.site-header .brand small{display:block;margin-top:5px;font:600 10px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.site-header nav{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.site-header nav a{padding:9px 11px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:650;line-height:1.5;text-decoration:none}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:var(--link);background:color-mix(in srgb,var(--link) 8%,var(--panel))}
.site-header nav a:last-child{margin-left:4px;background:#2563eb;color:#fff}
.site-header nav a:last-child:hover{background:#1d4ed8}
.site-header-caption{padding-block:10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}
.site-header-caption>span:first-child{font-weight:600;letter-spacing:.02em}
nav{display:flex;gap:20px;flex-wrap:wrap}main{padding-top:24px}article{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 40px rgb(15 32 64 / 5%)}
.article-heading,.article-body,article>aside,article>footer{padding:28px 40px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
h1{font-size:clamp(30px,4vw,46px);line-height:1.22;margin:20px 0}h2{line-height:1.35;margin-top:1.5em}h3{line-height:1.4}.intro{font-size:21px;color:var(--muted)}
.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span,.tags a{padding:4px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.disclosures{border-block:1px solid var(--line);background:var(--bg);font-size:15px}.disclosures h2{margin-top:0;font-size:19px}
.article-body p{white-space:pre-wrap;overflow-wrap:anywhere}.article-body li{margin-block:12px}.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px}
.case{padding:20px;border:1px solid var(--line);border-radius:12px}.case h3{font-size:24px;margin:10px 0}.site-footer{font-size:14px;color:var(--muted)}
.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:var(--panel);z-index:1}.skip-link:focus{top:8px}
@media(max-width:900px){.site-header-inner{flex-wrap:wrap;gap:18px}.site-header nav{justify-content:flex-start}}
@media(max-width:600px){.site-footer,main{padding:18px}.site-header-inner{padding:20px 18px;gap:18px}.site-header-caption{padding:10px 18px;display:grid;gap:4px}.site-header nav{gap:4px}.site-header nav a{padding:8px;font-size:11px}.site-header nav a:last-child{margin-left:0}.article-heading,.article-body,article>aside,article>footer{padding:22px}.intro{font-size:18px}nav{gap:14px;font-size:14px}.site-footer{padding-bottom:90px}}
