:root{--bg:#0b1020;--panel:#131a2e;--panel2:#17213a;--text:#eef2ff;--muted:#a8b2cf;--line:#27324f;--brand:#8b5cf6;--brand2:#22d3ee;--ok:#34d399;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#0b1020 0,#0d1326 42%,#0b1020 100%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 22px}.top{position:sticky;top:0;z-index:20;background:rgba(11,16,32,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:68px;display:flex;align-items:center;gap:24px}.logo{font-weight:900;font-size:20px;letter-spacing:.4px}.logo b{background:linear-gradient(90deg,var(--brand2),#c084fc);-webkit-background-clip:text;color:transparent}.navlinks{display:flex;gap:18px;color:var(--muted);font-size:14px;margin-left:auto}.navlinks a:hover{color:white}.hero{padding:78px 0 34px}.eyebrow{color:#9ddff2;font-weight:700;font-size:13px}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.08;margin:12px 0 18px;max-width:880px}.hero p{font-size:18px;color:var(--muted);max-width:760px}.search{display:flex;gap:10px;margin-top:28px;max-width:760px}.search input{flex:1;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:#0c1428;color:white;font-size:16px;outline:none}.search input:focus{border-color:#735dd0;box-shadow:0 0 0 3px rgba(139,92,246,.15)}.btn{border:0;border-radius:12px;padding:13px 18px;background:linear-gradient(90deg,#6d5bd0,#4377c7);color:white;font-weight:750;cursor:pointer;display:inline-block}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{background:#141d34;border:1px solid var(--line);padding:6px 11px;border-radius:999px;color:#c9d3ed;font-size:13px}.section{padding:30px 0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.section h2{font-size:26px;margin:0}.sub{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:linear-gradient(180deg,var(--panel),#10182b);border:1px solid var(--line);border-radius:16px;padding:16px;min-height:172px;display:flex;flex-direction:column}.card:hover{border-color:#42527c;transform:translateY(-1px)}.card h3{font-size:16px;margin:0 0 7px}.card p{color:var(--muted);font-size:13px;margin:0 0 14px;line-height:1.6}.card .meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;color:#c6d0ea;background:#0b1326;border:1px solid #24314d;padding:3px 7px;border-radius:999px}.card .go{margin-top:12px;color:#9ddff2;font-size:13px;font-weight:700}.ad{margin:26px 0;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.18),transparent 28%),linear-gradient(110deg,#19163c,#121f3a);border:1px solid #38456d;border-radius:20px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.ad small{display:block;color:#8fa0c2;margin-bottom:5px}.ad h3{margin:0 0 6px;font-size:24px}.ad p{margin:0;color:var(--muted)}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.cat b{display:block;margin-bottom:5px}.cat span{color:var(--muted);font-size:13px}.guide-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.guide{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:16px}.guide h3{margin:0 0 7px}.guide p{color:var(--muted);font-size:14px}.footer{margin-top:50px;border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.filter{background:#131b31;border:1px solid var(--line);color:#d5ddf0;border-radius:999px;padding:7px 11px;cursor:pointer}.filter.active{background:#35417a;color:#fff}.count{color:var(--muted);font-size:14px}.article{max-width:820px;margin:auto;padding:54px 22px}.article h1{font-size:clamp(34px,5vw,52px);line-height:1.16}.article .lead{font-size:18px;color:var(--muted)}.article h2{margin-top:34px}.article p{color:#dce3f5}.article .sources{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.notice{background:#111a31;border:1px solid var(--line);padding:14px 16px;border-radius:12px;color:#c9d3eb}.crumb{color:var(--muted);font-size:13px;padding-top:24px}.hidden{display:none!important}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.nav{gap:14px}.navlinks{display:flex;gap:14px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.navlinks::-webkit-scrollbar{display:none}}@media(max-width:600px){.wrap{padding:0 15px}.nav{height:62px}.logo{font-size:18px}.navlinks{font-size:13px;gap:12px}.hero{padding-top:52px}.search{flex-direction:column}.grid,.cats,.guide-list{grid-template-columns:1fr}.ad{grid-template-columns:1fr}.hero h1{font-size:38px}}
.page-heading{margin-top:20px}.page-heading h1{font-size:clamp(34px,5vw,44px);margin:0}.category-intro{max-width:780px;font-size:15px;line-height:1.75;margin-top:10px}.article-section{margin-top:34px}.article-section h2{font-size:24px;line-height:1.35}.related{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.related h2{font-size:20px;margin:0 0 12px}.related-links{display:grid;gap:8px}.related-links a{color:#b7e8f3}.related-links a:hover{text-decoration:underline}

/* Small usability improvements for keyboard, search and long directory pages. */
.skip-link{position:fixed;left:14px;top:10px;z-index:100;padding:9px 13px;border-radius:10px;background:#fff;color:#111;transform:translateY(-150%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(34,211,238,.7);outline-offset:3px}.quick-search{font:inherit;cursor:pointer}.quick-search:hover{border-color:#53658f;color:#fff}.search-help{max-width:760px;margin-top:8px;color:var(--muted);font-size:12px}.btn-secondary{background:#151f37;border:1px solid var(--line);color:#dbe4f6}.empty-state{margin:26px 0;padding:28px;border:1px dashed #394866;border-radius:16px;text-align:center;background:rgba(19,26,46,.55)}.empty-state h2{font-size:20px;margin:0 0 6px}.empty-state p{margin:0;color:var(--muted)}.back-top{display:block;width:max-content;margin:28px 0 0 auto;color:#b7e8f3;font-size:13px}.back-top:hover{text-decoration:underline}.navlinks a[aria-current="page"]{color:#fff}.go:focus-visible,.btn:focus-visible{outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.skip-link{transition:none!important}}@media(max-width:600px){.search .btn-secondary{width:100%}.search-help{font-size:12px}.back-top{margin-right:4px}}

/* Topic introduction pages */
.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.topic-card{display:block;background:linear-gradient(180deg,var(--panel),#10182b);border:1px solid var(--line);border-radius:16px;padding:20px}.topic-card:hover{border-color:#42527c;transform:translateY(-1px)}.topic-card h2,.topic-card h3{margin:0 0 8px;line-height:1.4}.topic-card p{margin:0;color:var(--muted);font-size:14px}.topic-kicker{font-size:13px;color:#9ddff2;font-weight:700;margin-bottom:10px}.topic-nav{margin:24px 0 6px;padding:16px 18px;border:1px solid var(--line);background:#10182b;border-radius:14px}.topic-nav b{display:block;margin-bottom:8px}.topic-nav a{display:inline-block;margin:3px 14px 3px 0;color:#b7e8f3;font-size:14px}.topic-nav a:hover{text-decoration:underline}.topic-note{margin:28px 0;padding:18px;border-left:3px solid #57c6df;background:#10182b;border-radius:0 12px 12px 0}.article a:not(.logo):not(.btn){color:#a8e5f3}.article a:not(.logo):not(.btn):hover{text-decoration:underline}@media(max-width:700px){.topic-grid{grid-template-columns:1fr}}

/* Resource detail pages */
.card-actions{display:flex;align-items:center;gap:14px;margin-top:12px}.card-actions .go{margin-top:0}.go-muted{color:#aab6d2!important;font-weight:600!important}.resource-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:start}.resource-hero h1{margin-top:4px}.resource-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.resource-official{margin-top:18px;white-space:nowrap}.resource-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.resource-related a{display:flex!important;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:12px;background:#10182b;text-decoration:none!important}.resource-related a:hover{border-color:#42527c}.resource-related a span{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.55}.compact-hero{padding-bottom:18px}.resource-index-grid h3 a:hover{text-decoration:underline}@media(max-width:700px){.resource-hero{grid-template-columns:1fr}.resource-official{width:100%;text-align:center;margin-top:0}.resource-related{grid-template-columns:1fr}.card-actions{justify-content:space-between}}

.resource-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}.resource-facts div{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#10182b}.resource-facts dt{color:var(--muted);font-size:12px;margin-bottom:4px}.resource-facts dd{margin:0;color:#e5ebf8;font-size:14px}.resource-facts dd a{color:#a8e5f3}@media(max-width:650px){.resource-facts{grid-template-columns:1fr}}