:root{color-scheme:dark;--header:#04060a;--page:#080b11;--panel:#0e1420;--raised:#1e293b;--border:#202b3c;--border-strong:#334155;--text:#f8fafc;--secondary:#94a3b8;--muted:#64748b;--accent:#38bdf8;--accent-dark:#0369a1;--white:#fff;--max:1280px;--display:"Outfit",system-ui,sans-serif;--body:"Geist",system-ui,sans-serif;--mono:"Geist Mono",ui-monospace,monospace;--tx-nav-ink:#f8fafc;--tx-nav-paper:#080b11;--tx-nav-acid:#38bdf8;--tx-nav-teal:#38bdf8;--tx-nav-sans:var(--body);--tx-nav-serif:var(--display);--tx-nav-mono:var(--mono);--tx-cyan:#38bdf8;--tx-blue:#0369a1}
*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font:400 13px/1.5 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 160px),var(--max));margin-inline:auto}.wrap{width:min(calc(100% - 40px),1240px);margin-inline:auto}.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:10px 14px;background:var(--accent);color:var(--header);transform:translateY(-180%)}.skip-link:focus{transform:none}
.utility{height:34px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:#04060a;color:#f8fafc;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.utility .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.status{display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.site-header{height:auto;border-bottom:1px solid var(--border);background:var(--header);position:sticky;top:0;z-index:40;backdrop-filter:none}.brand{display:inline-flex;align-items:center;width:max-content}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--accent-dark);color:var(--white);font:700 10px/1 var(--mono)}
.theme-toggle{width:38px;height:34px;padding:8px;border:1px solid var(--border-strong);border-radius:6px;display:grid;place-items:center;background:transparent;color:var(--secondary);cursor:pointer}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--raised)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle svg{grid-area:1/1;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.moon-icon{display:none}
.hero{min-height:576px;padding:48px 0;border-bottom:1px solid var(--border)}.hero-grid{display:grid;grid-template-columns:minmax(0,848px) minmax(320px,400px);gap:32px}.hero-feature,.trending{min-height:480px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.hero-feature{position:relative;display:flex;align-items:flex-end;padding:48px;background:var(--header) url("home-hero-grid.svg") center/cover no-repeat;isolation:isolate}.hero-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(8,11,17,.64)}.hero-feature::after{content:"";position:absolute;inset:auto 0 0;height:58%;z-index:-1;background:linear-gradient(to top,#080b11 0%,rgba(8,11,17,0) 100%)}.hero-copy{max-width:710px}.badge{display:inline-flex;padding:5px 8px;border:1px solid var(--accent-dark);border-radius:4px;background:var(--accent-dark);color:var(--white);font:700 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}.hero h1{max-width:760px;margin:14px 0 72px;font:700 40px/1.15 var(--display);letter-spacing:-.025em;text-wrap:balance}.hero-copy p{max-width:700px;margin:0 0 20px;color:var(--secondary);font-size:13px}.text-link{color:var(--accent);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em}.hero-feature:hover .text-link,.hero-feature:focus-visible .text-link{color:var(--white)}.hero-feature:focus-visible,.trending a:focus-visible,.problem-card:focus-visible,.article-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.trending{padding:32px;background:var(--panel)}.trending h2{margin:0 0 24px;color:var(--muted);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.trending ol{margin:0;padding:0;list-style:none}.trending li+li{margin-top:16px}.trending a{display:grid;grid-template-columns:34px 1fr;padding:16px 0;border-top:1px solid var(--border)}.item-number{grid-row:1/span 2;color:var(--accent);font:600 11px/1.3 var(--mono)}.trending strong{font:600 15px/1.3 var(--display)}.trending small{display:block;margin-top:7px;color:var(--secondary);font:400 12px/1.45 var(--body)}.trending a:hover strong,.trending a:focus-visible strong{color:var(--accent)}
.problems{min-height:200px;padding:32px 0;background:var(--header);border-bottom:1px solid var(--border)}.problems h2{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--secondary);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.problems h2 span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.problem-card{height:100px;padding:16px;border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;justify-content:center;background:var(--page)}.problem-card.active{border-color:var(--accent-dark);background:var(--raised)}.problem-card span{overflow:hidden;color:var(--accent);font:600 11px/1.2 var(--mono);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.problem-card strong{margin-top:7px;font:600 15px/1.25 var(--display)}.problem-card small{margin-top:2px;color:var(--muted);font-size:11px}.problem-card:hover,.problem-card:focus-visible{border-color:var(--accent)}
.publication{min-height:724px;padding:64px 0 84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading h2{margin:0;font:700 24px/1.15 var(--display)}.section-heading a{color:var(--accent);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em}.section-heading a:hover,.section-heading a:focus-visible{color:var(--white)}.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.article-card{min-height:230px;padding:24px;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;background:var(--panel)}.article-card:hover,.article-card:focus-visible{border-color:var(--border-strong);background:var(--raised)}.category{color:var(--accent);font:600 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.04em}.article-card h3{margin:12px 0 10px;font:600 18px/1.3 var(--display);letter-spacing:-.01em}.article-card p{margin:0 0 18px;color:var(--secondary);font-size:12px;line-height:1.5}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;color:var(--muted);font:400 11px/1.2 var(--mono);text-transform:uppercase}.card-meta b{color:var(--secondary);font-size:13px}
footer{min-height:308px;padding:64px 0 48px;border-top:1px solid var(--border);background:var(--header)}.footer-grid{display:grid;grid-template-columns:minmax(300px,2fr) repeat(3,minmax(120px,.65fr));gap:48px}.footer-brand-block p{max-width:390px;margin:18px 0 0;color:var(--secondary);font-size:12px}.footer-grid nav{display:flex;flex-direction:column;gap:9px}.footer-grid nav h2{margin:0 0 5px;color:var(--accent);font:600 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em}.footer-grid nav a{color:var(--secondary);font-size:12px}.footer-grid nav a:hover,.footer-grid nav a:focus-visible{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font:400 11px/1.4 var(--mono)}
@media(max-width:1100px){.shell{width:min(calc(100% - 80px),var(--max))}.header-inner{grid-template-columns:1fr auto}.primary-nav{display:none}.menu-button{display:block}.hero-grid{grid-template-columns:1fr}.hero-feature,.trending{min-height:auto}.hero-feature{min-height:480px}.trending ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trending li+li{margin-top:0}.trending a{height:100%}.problem-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publication{padding-bottom:64px}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:32px}}
@media(max-width:700px){.shell{width:min(calc(100% - 48px),var(--max))}.utility .right{display:none}.hero{padding:24px 0 40px}.hero-feature{min-height:500px;padding:32px 24px}.hero h1{margin-bottom:48px;font-size:34px}.trending{padding:24px}.trending ol{grid-template-columns:1fr}.problems{padding-block:32px}.problem-grid,.article-grid{grid-template-columns:1fr}.problem-card{height:auto;min-height:100px}.publication{padding:48px 0 64px}.section-heading{align-items:flex-start;flex-direction:column}.article-card{min-height:220px}footer{padding:48px 0 32px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-block{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;margin-top:40px}}
@media(max-width:430px){.shell{width:min(calc(100% - 40px),var(--max))}.brand{font-size:20px}.hero-feature{min-height:480px}.hero h1{font-size:30px}.footer-grid{grid-template-columns:1fr}.footer-brand-block{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tx-brand{color:var(--text)!important}.primary-nav a{color:var(--secondary)!important}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--white)!important}.tx-site-header .bug-cta{height:34px;min-height:34px;padding:8px 16px;border:1px solid var(--border-strong);border-radius:6px;color:var(--accent)!important}.tx-site-header .bug-cta:hover,.tx-site-header .bug-cta:focus-visible{border:1px solid var(--accent);background:var(--raised)}.tx-site-header .tx-search{height:34px;min-height:34px;padding:0 13px;border:1px solid var(--border-strong);border-radius:6px;background:transparent;color:var(--accent)}.tx-site-header .tx-search:hover,.tx-site-header .tx-search:focus-visible{border-color:var(--accent);background:var(--raised);color:var(--accent)}.menu-button{color:var(--text)}.hero-feature::before{background:rgba(8,11,17,.58)}.tx-search-overlay{background:rgba(4,6,10,.98)}.tx-search-shortcuts a{border-color:var(--border-strong)}
@media(min-width:1101px){.hero{padding-bottom:47px}.publication{padding-bottom:72px}footer{padding-bottom:36px}}
html[data-theme="light"]{color-scheme:light;--header:#fff;--page:#f4f7fb;--panel:#fff;--raised:#e7eef6;--border:#d6e1ec;--border-strong:#94a3b8;--text:#07182a;--secondary:#40566c;--muted:#5e7186;--accent:#176ed3;--accent-dark:#0369a1;--tx-nav-ink:#07182a;--tx-nav-paper:#f4f7fb;--tx-nav-acid:#2db4e8;--tx-nav-teal:#176ed3;--tx-cyan:#176ed3;--tx-blue:#176ed3}
html[data-theme="light"] .hero-feature::before{background:rgba(244,247,251,.62)}html[data-theme="light"] .hero-feature::after{background:linear-gradient(to top,#f4f7fb 0%,rgba(244,247,251,0) 100%)}html[data-theme="light"] .badge{background:#176ed3;border-color:#176ed3;color:#fff}html[data-theme="light"] .sun-icon{display:none}html[data-theme="light"] .moon-icon{display:block}html[data-theme="light"] .primary-nav a:hover,html[data-theme="light"] .primary-nav a:focus-visible{color:var(--accent)!important}html[data-theme="light"] .footer-grid nav a:hover,html[data-theme="light"] .footer-grid nav a:focus-visible{color:var(--accent)}html[data-theme="light"] .section-heading a:hover,html[data-theme="light"] .section-heading a:focus-visible{color:var(--text)}
@media(max-width:850px){.tx-site-header .tx-actions{gap:12px}.tx-site-header .tx-menu{color:var(--text);border-color:var(--border-strong)}}