:root{--ink:#1b2333;--soft:#5a6479;--navy:#102b55;--sig:#f5c518;--link:#0b5cad;--rule:#dce2ee;--bg:#f6f8fc;--card:#fff}
@media(prefers-color-scheme:dark){:root{--ink:#e9edf6;--soft:#a9b3ca;--navy:#0a1a36;--link:#8bbfff;--rule:#2a3552;--bg:#0f1626;--card:#16203a}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:1.05rem/1.68 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a{color:var(--link);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--sig);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:.5rem 1rem;z-index:99}
.w{max-width:1000px;margin:0 auto;padding:0 20px}.n{max-width:760px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,4.4vw,2.7rem)}h2{font-size:1.5rem;margin-top:1.8em}h3{font-size:1.15rem;margin-top:1.4em}
p{margin:0 0 1em}
.top{background:var(--navy);color:#fff}
.top .w{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.logo{color:#fff;text-decoration:none;font:700 1.25rem Georgia,serif;display:flex;align-items:center;gap:10px}
.logo i{display:inline-block;width:16px;height:16px;background:var(--sig);transform:rotate(45deg);border-radius:2px}
.menu{margin-left:auto;display:flex;flex-wrap:wrap;gap:2px}
.menu a{color:#dbe6fa;text-decoration:none;padding:.35rem .7rem;border-radius:5px;font-size:.95rem}
.menu a:hover,.menu a[aria-current=page]{background:#ffffff22;color:#fff}
.hero{background:var(--navy);color:#fff;padding:38px 0 42px}
.hero h1{color:#fff;max-width:26ch}.hero p{color:#d3e0f7;max-width:62ch;font-size:1.12rem;margin:0}
.crumbs{font-size:.88rem;color:#a9c0e6;margin-bottom:.9rem}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.crumbs li+li::before{content:"›";margin-right:6px}.crumbs a{color:#cfe0ff}
main .n{padding-top:30px;padding-bottom:56px}main ul,main ol{padding-left:1.2rem}li{margin-bottom:.45em}
.note{border-left:5px solid var(--sig);background:var(--card);border-radius:0 8px 8px 0;padding:14px 18px;margin:1.4em 0;box-shadow:0 1px 0 var(--rule)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;list-style:none;padding:0!important;margin:1rem 0}
.grid li{margin:0}.card{display:block;height:100%;background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--ink)}
.card b{font:700 1.6rem Georgia,serif;color:var(--link);display:block}.card span{color:var(--soft);font-size:.94rem}
.card:hover{border-color:var(--link)}
table{width:100%;border-collapse:collapse;background:var(--card);font-size:.96rem}th,td{padding:11px 12px;border:1px solid var(--rule);text-align:left;vertical-align:top}thead th{background:var(--navy);color:#fff}tbody th{font-weight:600}
.scroll{overflow-x:auto}
details{border-bottom:1px solid var(--rule)}summary{cursor:pointer;font-weight:700;padding:14px 26px 14px 0;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:2px;top:9px;font-size:1.5rem;font-weight:400;color:var(--link)}details[open] summary::after{content:"\2212"}
details p{color:var(--soft);margin:0 0 14px}
.next{display:flex;flex-wrap:wrap;gap:10px;margin-top:2rem}.next a{background:var(--card);border:1px solid var(--rule);padding:.55rem .9rem;border-radius:8px;text-decoration:none}
.meta{font-size:.9rem;color:var(--soft)}
footer{background:#0c1426;color:#b7c3dc;padding:34px 0 44px;font-size:.95rem}footer a{color:#fff}
footer h2{font:700 1rem "Segoe UI",sans-serif;color:#fff;margin:0 0 .5rem}footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:3px}
.fg{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
@media(max-width:760px){.fg{grid-template-columns:1fr}.menu{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}