:root{color-scheme:light;--canvas:#fff;--paper:#f5f7fb;--ink:#12243b;--muted:#617085;--border:#dfe6ee;--blue:#2359e9}html[data-article-presentation="dark"]{color-scheme:dark;--canvas:#111a28;--paper:#192536;--ink:#edf2fa;--muted:#a8b7cb;--border:#303f53;--blue:#8cafff}@media (prefers-color-scheme:dark){html:not([data-article-presentation]),html[data-article-presentation="system"]{color-scheme:dark;--canvas:#111a28;--paper:#192536;--ink:#edf2fa;--muted:#a8b7cb;--border:#303f53;--blue:#8cafff}}*{box-sizing:border-box}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;background:var(--canvas);color:var(--ink);line-height:1.8}body{margin:0}a{color:var(--blue);text-underline-offset:.2em}header.site-header,main,footer{max-width:1200px;margin:auto;padding:28px}header.site-header{display:flex;align-items:center;flex-wrap:wrap;gap:18px;border-bottom:1px solid var(--border)}.brand{font-size:1.5rem}nav{display:flex;flex-wrap:wrap;gap:14px}.appearance{display:flex;gap:6px}button{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer}article{min-width:0}main>article{max-width:850px;margin:auto}.article-heading{padding:26px 0;border-bottom:1px solid var(--border);margin-bottom:28px}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.22;overflow-wrap:anywhere}h2,h3{scroll-margin-top:20px}img{max-width:100%;height:auto;border-radius:12px}figure{margin:28px 0}pre,table{display:block;overflow:auto}pre{padding:18px;background:var(--paper)}td,th{padding:8px;border:1px solid var(--border)}blockquote{border-left:3px solid var(--blue);padding-left:18px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{background:var(--paper);border:1px solid var(--border);border-radius:18px;padding:22px}.article-card h2{font-size:1.35rem;line-height:1.4}.meta,figcaption,footer{color:var(--muted)}footer{border-top:1px solid var(--border)}@media (max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){header.site-header,main,footer{padding:20px}.article-grid{grid-template-columns:1fr}nav{gap:10px}h1{font-size:2rem}}