:root{--brand:#12386e;--brand-2:#1e5fb0;--accent:#f2a900;--accent-ink:#7a5200;--bg:#f4f6fb;--paper:#ffffff;--ink:#15202b;--ink-soft:#465364;--muted:#8a94a3;--line:#dfe5ee;--line-strong:#c3cddd;--radius:8px;--shadow:0 1px 0 var(--line-strong),0 6px 22px rgba(18,56,110,.07);--sans:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--serif:"Source Serif 4","Iowan Old Style",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--wrap:1120px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;font-weight:500}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}a{color:var(--brand-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.2;font-weight:700;color:var(--ink)}.site-header{background:var(--brand);color:#fff;border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:18px;height:66px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand:hover{text-decoration:none}.brand-logo{font-family:var(--mono);font-weight:700;letter-spacing:1px;background:var(--accent);color:#231a00;padding:5px 9px;border-radius:5px;font-size:15px;box-shadow:inset 0 -2px rgba(0,0,0,.18)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:700;font-size:19px}.brand-since{font-size:11px;color:#bcd4f2;font-family:var(--mono)}.site-nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}.site-nav a{color:#dbe8fb;padding:8px 11px;border-radius:6px;font-size:14.5px;font-weight:600}.site-nav a:hover{background:rgba(255,255,255,.12);text-decoration:none;color:#fff}.nav-toggle{display:none;margin-left:auto;background:0 0;border:0;color:#fff;font-size:24px;cursor:pointer}.hero{background:linear-gradient(160deg,#0d2b57 0%,var(--brand) 55%,#164683 100%);color:#fff;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,9%) 1px,transparent 0);background-size:22px 22px;opacity:.6;pointer-events:none}.hero-inner{position:relative;z-index:1;padding:66px 20px 60px;max-width:820px}.hero-badge{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:2px;background:var(--accent);color:#231a00;padding:5px 12px;border-radius:20px;margin-bottom:20px}.hero h1{font-size:clamp(2.3rem,6vw,3.7rem);margin:0 0 14px;letter-spacing:-1px;color:#fff}.hero-tag{font-family:var(--serif);font-size:clamp(1.15rem,2.6vw,1.5rem);color:#ffe6b0;margin:0 0 14px;font-style:italic}.hero-sub{color:#cfe0f6;font-size:1.05rem;max-width:640px;margin:0 0 26px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 22px;border-radius:7px;font-weight:700;font-size:15px}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:#231a00;box-shadow:inset 0 -3px rgba(0,0,0,.16)}.btn-primary:hover{background:#ffb81f}.btn-ghost{background:rgba(255,255,255,8%);color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-ghost:hover{background:rgba(255,255,255,.16)}.site-main{padding-bottom:60px}.section-head{display:flex;align-items:center;gap:16px;margin:44px 0 22px}.section-head h2{font-size:1.5rem;margin:0;white-space:nowrap}.section-head .rule{flex:1;height:2px;background:linear-gradient(90deg,var(--line-strong),transparent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 2px 0 var(--accent),0 12px 30px rgba(18,56,110,.13)}.card a{color:inherit;display:block}.card a:hover{text-decoration:none}.card-img{aspect-ratio:1200/630;background:#dde6f2 50%/cover no-repeat}.card-body{padding:14px 16px 18px}.card-kicker{display:inline-block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent-ink);background:#fff5df;padding:3px 8px;border-radius:4px;margin-bottom:9px}.card-body h3{font-size:1.12rem;margin:0 0 7px}.card-body p{color:var(--ink-soft);font-size:.92rem;margin:0 0 9px}.card-body time,.card time{color:var(--muted);font-size:.8rem;font-family:var(--mono)}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.pillar{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:var(--radius);padding:20px 22px;color:inherit;display:block;position:relative}.pillar:hover{text-decoration:none;border-left-color:var(--accent);box-shadow:var(--shadow)}.pillar span{font-family:var(--mono);font-size:13px;color:var(--muted)}.pillar h3{margin:6px 0;font-size:1.2rem}.pillar p{margin:0;color:var(--ink-soft);font-size:.92rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:40px;align-items:start;padding-top:28px}.sidebar{position:sticky;top:86px;display:flex;flex-direction:column;gap:20px}.side-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;box-shadow:var(--shadow)}.side-box h4{margin:0 0 12px;font-size:.95rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--brand);border-bottom:2px solid var(--line);padding-bottom:8px}.side-about .brand-logo{margin-bottom:10px}.side-about p{color:var(--ink-soft);font-size:.9rem;margin:0 0 10px}.side-link{font-weight:600;font-size:.9rem}.side-cats{list-style:none;margin:0;padding:0}.side-cats li{border-bottom:1px solid var(--line)}.side-cats li:last-child{border-bottom:0}.side-cats a{display:block;padding:9px 0;color:var(--ink);font-weight:600;font-size:.95rem}.side-cats a:hover{color:var(--brand-2);text-decoration:none;padding-left:5px;transition:padding .12s}.side-recent{list-style:none;margin:0;padding:0}.side-recent li{padding:10px 0;border-bottom:1px solid var(--line)}.side-recent li:last-child{border-bottom:0}.side-recent a{display:block;color:inherit}.side-recent a:hover{text-decoration:none}.side-recent-kicker{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent-ink);margin-bottom:3px}.side-recent-title{display:block;font-size:.92rem;font-weight:600;line-height:1.35;color:var(--ink)}.side-recent a:hover .side-recent-title{color:var(--brand-2)}.side-forum{background:linear-gradient(160deg,var(--brand),#0d2b57);border-color:#0d2b57}.side-forum h4{color:#fff;border-bottom-color:rgba(255,255,255,.18)}.side-forum p{color:#cfe0f6;font-size:.9rem;margin:0 0 12px}.btn-block{display:block;text-align:center;width:100%}.article{min-width:0;max-width:100%}.crumbs,.list-kicker{font-family:var(--mono);font-size:12.5px;color:var(--muted)}.crumbs a{color:var(--brand-2)}.article-head h1{font-size:clamp(1.9rem,4.5vw,2.7rem);margin:12px 0;letter-spacing:-.5px}.article-lede{font-family:var(--serif);font-size:1.25rem;color:var(--ink-soft);font-style:italic;margin:0 0 16px}.article-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.88rem;font-family:var(--mono);align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin-bottom:22px}.article-meta strong{color:var(--ink)}.article-cover{margin:0 0 26px}.article-cover img{width:100%;border-radius:var(--radius);border:1px solid var(--line)}.article-body{font-size:1.09rem;color:#20303f}.article-body p{margin:0 0 1.15em}.article-body h2{font-size:1.55rem;margin:1.7em 0 .5em;padding-top:.3em;border-top:2px solid var(--line)}.article-body h3{font-size:1.22rem;margin:1.4em 0 .4em}.article-body a{text-decoration:underline}.article-body strong{color:var(--ink)}.article-body blockquote{margin:1.4em 0;padding:.6em 1.2em;border-left:4px solid var(--accent);background:#fff8e8;font-family:var(--serif);font-style:italic;color:#5a4a20}.article-body ul,.article-body ol{padding-left:1.3em;margin:0 0 1.15em}.article-body li{margin:.3em 0}.article-foot{margin:34px 0 0;padding:20px;background:#eef3fb;border:1px solid var(--line);border-radius:var(--radius)}.article-foot .disclosure{margin:0 0 10px;font-size:.95rem;color:var(--ink-soft)}.back-cat{font-weight:600;font-size:.95rem}.list-head{padding:34px 0 10px;border-bottom:2px solid var(--line);margin-bottom:26px}.list-head h1{font-size:clamp(1.9rem,4.5vw,2.6rem);margin:8px 0}.list-intro{color:var(--ink-soft);max-width:680px}.empty{color:var(--ink-soft);padding:30px 0}.related h2,.list-head+.card-grid{margin-top:0}.related{max-width:var(--wrap)}.site-footer{background:#0c223f;color:#c9d7ea;margin-top:40px;padding:44px 0 22px;border-top:3px solid var(--accent)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px}.foot-brand p{color:#93a7c4;font-size:.9rem;margin:12px 0 0;max-width:320px}.foot-col h4{color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-family:var(--mono);margin:0 0 12px}.foot-col a{display:block;color:#c9d7ea;padding:3px 0;font-size:.93rem}.foot-col a:hover{color:var(--accent)}.foot-note{color:#7e93b2;font-size:.8rem;margin:8px 0 0}.foot-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.foot-bottom small{color:#7e93b2;font-family:var(--mono);font-size:.78rem}.card-grid-2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.related{margin-top:36px;border-top:2px solid var(--line);padding-top:8px}.related h2{font-size:1.3rem}@media(max-width:920px){.article-layout{grid-template-columns:1fr;gap:28px}.sidebar{position:static;top:auto}}@media(max-width:760px){body{font-size:16px}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--brand);flex-direction:column;padding:8px 20px 16px;border-bottom:3px solid var(--accent)}body.nav-open .site-nav{display:flex}.site-nav a{padding:11px 8px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}