:root{--bg: #f4f2ed;--bg-soft: #fffaf0;--surface: #ffffff;--text: #1f2933;--muted: #52606d;--accent: #0f766e;--accent-ink: #0b4f4a;--border: #d9dee5;--code-bg: #f3f6fb;--shadow: 0 12px 30px rgba(17, 24, 39, .08)}html[data-theme=dark]{--bg: #11151f;--bg-soft: #1a2233;--surface: #1f2937;--text: #e5e7eb;--muted: #9ca3af;--accent: #34d399;--accent-ink: #8df2c9;--border: #2f3a4d;--code-bg: #161d2a;--shadow: 0 16px 30px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Atkinson Hyperlegible,Noto Sans,sans-serif;background:radial-gradient(circle at top right,#d7eee2 0%,var(--bg) 40%) no-repeat;color:var(--text);line-height:1.72;min-height:100vh}html[data-theme=dark] body{background:radial-gradient(circle at top right,#20323a 0%,var(--bg) 40%) no-repeat}a{color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:2px}a:hover{color:var(--accent-ink)}img{max-width:100%;height:auto}.site-shell{width:min(1100px,calc(100vw - 2.5rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:color-mix(in oklab,var(--bg-soft) 86%,transparent);border-bottom:1px solid var(--border)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand{font-family:IBM Plex Sans Condensed,Atkinson Hyperlegible,sans-serif;font-weight:700;letter-spacing:.04em;text-decoration:none;color:var(--text)}.brand .dot{color:var(--accent)}.nav-links{display:flex;gap:1rem;align-items:center}.nav-links a{text-decoration:none;color:var(--muted);font-size:.96rem}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--text)}.theme-toggle{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);padding:.45rem .8rem;cursor:pointer;font-size:.9rem}main{padding:2.4rem 0 4rem;animation:lift-in .42s ease-out}.hero{background:linear-gradient(135deg,var(--surface),color-mix(in oklab,var(--surface) 75%,var(--bg-soft)));border:1px solid var(--border);border-radius:20px;padding:clamp(1.2rem,2vw,2.2rem);box-shadow:var(--shadow)}.eyebrow{display:inline-block;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:var(--muted);margin-bottom:.45rem}h1,h2,h3{font-family:IBM Plex Sans Condensed,Atkinson Hyperlegible,sans-serif;line-height:1.26;margin:0 0 .8rem}h1{font-size:clamp(1.9rem,4.2vw,3rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}p{margin:0 0 1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);padding:1rem}.meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;color:var(--muted);font-size:.86rem}.chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);padding:.2rem .65rem;font-size:.78rem;color:var(--muted);text-decoration:none}.chip:hover{color:var(--text);border-color:color-mix(in oklab,var(--accent) 50%,var(--border))}.article-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.2fr);gap:1.2rem}.article{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(1rem,2.4vw,2.1rem);box-shadow:var(--shadow)}.article :where(h2,h3,h4){margin-top:1.6rem}.article code{font-family:IBM Plex Mono,JetBrains Mono,monospace;background:var(--code-bg);padding:.12rem .35rem;border-radius:6px;font-size:.92em}.article pre{background:var(--code-bg);padding:1rem;border-radius:10px;overflow-x:auto}.sidebar-stack{display:grid;gap:.9rem;position:sticky;top:82px;align-content:start}.panel{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:.85rem;box-shadow:var(--shadow)}.panel h3{font-size:1rem;margin-bottom:.55rem}.panel ul{margin:0;padding-left:1rem;display:grid;gap:.42rem}.katex-display{overflow-x:auto;overflow-y:hidden}.search-shell{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:1rem;box-shadow:var(--shadow)}.feedback{margin-top:1.8rem;border:1px dashed var(--border);border-radius:14px;padding:.85rem;background:color-mix(in oklab,var(--surface) 80%,var(--bg-soft))}.feedback-actions{display:flex;gap:.6rem;margin-top:.6rem}.feedback button{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;padding:.4rem .75rem}.feedback button[disabled]{opacity:.55;cursor:not-allowed}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.92rem;padding:1.2rem 0 2.2rem}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.55rem 1rem;text-decoration:none;font-weight:600;border:1px solid transparent}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover{background:color-mix(in oklab,var(--accent) 83%,#000);color:#fff}.btn-ghost{border-color:var(--border);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--accent)}@keyframes lift-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.site-shell{width:min(1100px,calc(100vw - 1.2rem))}.article-grid{grid-template-columns:1fr}.sidebar-stack{position:static}.nav-links{gap:.55rem}.nav-links a{font-size:.85rem}}