:root{color-scheme:dark;--bg:#101827;--deep:#0b1220;--fg:#f7f8fb;--muted:#aeb8c8;--line:rgba(255,255,255,.78);--soft:rgba(255,255,255,.18)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--fg);background:radial-gradient(ellipse at 50% 38%,#172338 0%,var(--bg) 58%,var(--deep) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}
.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 5vw}.hero{width:min(1120px,100%);text-align:center}
.brand-trigger{display:inline-flex;flex-direction:column;align-items:center;padding:12px 28px 20px;border:0;color:inherit;background:transparent;cursor:pointer;border-radius:8px}.brand-trigger:focus-visible{outline:1px solid var(--line);outline-offset:8px}
.brand{margin:0;font-size:clamp(3.4rem,9vw,6.3rem);line-height:.98;font-weight:650;letter-spacing:-.065em}.subtitle{margin:22px 0 0;font-size:clamp(.78rem,1.7vw,1.05rem);letter-spacing:.38em;font-weight:400;color:#e4e8ef}
.category-reveal{overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:max-height .55s ease,opacity .35s ease,transform .4s ease}.hero.is-open .category-reveal,.hero:focus-within .category-reveal{max-height:280px;opacity:1;transform:translateY(0)}
.rule{height:1px;width:100%;background:var(--line);margin:18px auto 20px;transform:scaleX(.12);transform-origin:center;transition:transform .55s ease}.hero.is-open .rule,.hero:focus-within .rule{transform:scaleX(1)}
.category-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:0;margin:0;list-style:none}.category-nav li{display:flex;align-items:center}.category-nav a{display:block;padding:10px 15px;text-decoration:none;color:#f2f4f8;font-size:.96rem;white-space:nowrap;transition:color .2s}.category-nav a:hover,.category-nav a:focus-visible{color:#aebed8;text-decoration:underline;text-underline-offset:5px}.hint{margin:28px 0 0;color:#8793a6;font-size:.78rem;letter-spacing:.04em}
.page{width:min(1000px,100%);margin:0 auto;padding:52px 28px 80px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:76px}.wordmark{text-decoration:none;font-weight:650;letter-spacing:-.04em;font-size:1.15rem}.back{color:var(--muted);font-size:.9rem;text-decoration:none}.back:hover{color:white}
.page-title{margin:0;font-size:clamp(2.5rem,7vw,4.6rem);letter-spacing:-.055em;font-weight:600}.page-description{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:680px;margin:18px 0 48px}.section-rule{height:1px;background:var(--soft);margin:0 0 28px}.section-label{color:#dce2ec;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;margin:0 0 18px}.empty{border:1px solid var(--soft);padding:28px;border-radius:8px;color:var(--muted);line-height:1.7}.empty strong{color:var(--fg);font-weight:500}
.article-list{list-style:none;margin:0;padding:0}.article-list li{border-bottom:1px solid var(--soft)}.article-list a{display:block;padding:18px 2px;text-decoration:none}.article-list a:hover{color:#b8c7df}
@media(max-width:680px){.home{padding:32px 18px}.brand-trigger{padding-inline:8px}.subtitle{letter-spacing:.25em}.hero.is-open .category-reveal,.hero:focus-within .category-reveal{max-height:540px}.category-nav{flex-direction:column;align-items:stretch}.category-nav li{justify-content:center}.category-nav a{padding:9px 12px}.hint{margin-top:18px}.topline{margin-bottom:54px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}
