:root{--bg:#edf4fb;--surface:#ffffff;--surface-alt:#e0ebf7;--surface-strong:#cfe1f2;--text:#102033;--muted:#52677f;--line:#bfd0e3;--accent:#0f5fa8;--accent-strong:#09447a;--accent-soft:#dce9f7;--banner:#0f2741;--code-bg:#0d1117;--code-text:#f4f7fa;--shadow:0 18px 48px rgba(16, 32, 51, 0.1)}html[data-theme=dark]{--bg:#08131f;--surface:#102131;--surface-alt:#173048;--surface-strong:#22425f;--text:#edf3f9;--muted:#a7bbcd;--line:#2b445d;--accent:#78b8ff;--accent-strong:#a6d0ff;--accent-soft:#12263d;--banner:#04101c;--code-bg:#0b1220;--code-text:#f6fbff;--shadow:0 10px 25px rgba(0, 0, 0, 0.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ibm plex sans,avenir next,segoe ui,sans-serif;line-height:1.6;background:radial-gradient(circle at 12% 0%,rgba(15,95,168,.16),transparent 36%),radial-gradient(circle at 85% 0%,rgba(65,129,191,.16),transparent 28%),var(--bg);color:var(--text)}a{text-decoration-thickness:.12em;text-underline-offset:.14em}img{max-width:100%}.skip-link{position:absolute;left:-9999px;top:1rem;background:var(--banner);color:#fff;padding:.7rem 1rem;border-radius:.6rem}.skip-link:focus{left:1rem;z-index:100}.container{width:min(1180px,calc(100% - 2.25rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom:1px solid var(--line)}.banner-strip{background:var(--banner);color:#f4f8fc;border-bottom:1px solid rgba(255,255,255,.12)}.banner-strip p{margin:0;padding:.55rem 0;text-align:center;font-size:.86rem;letter-spacing:.02em}.header-inner{display:flex;align-items:center;gap:1rem;min-height:72px}.brand-block{display:grid;gap:.15rem}.brand{font-family:ibm plex mono,monospace;font-weight:700;letter-spacing:.02em;color:var(--text);text-decoration:none}.brand-tagline{margin:0;color:var(--muted);font-size:.84rem}.top-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.top-nav a,.theme-toggle{padding:.5rem .8rem;border-radius:999px;border:1px solid transparent;font-size:.92rem;text-decoration:none;color:var(--text);background:0 0}.top-nav a:hover,.theme-toggle:hover,.top-nav a:focus-visible,.theme-toggle:focus-visible{border-color:var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent)}.theme-toggle{cursor:pointer}.site-main{padding:2.1rem 0 3.2rem}.hero{background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,#fff),var(--surface-alt));border:1px solid var(--line);border-radius:22px;padding:clamp(1.2rem,3.4vw,2.7rem);box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr)minmax(300px,.9fr);gap:1.25rem}.hero-side{align-self:stretch}.hero-notes{display:grid;gap:.7rem;margin-top:1rem}.hero-notes p{margin:0;padding:.8rem .95rem;border:1px solid var(--line);border-radius:.9rem;background:color-mix(in srgb,var(--surface) 84%,var(--accent-soft))}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:var(--muted);margin:0}h1,h2,h3,h4{line-height:1.2;margin:.5rem 0 .75rem}h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.45rem,2vw,2rem)}.lead{font-size:1.08rem;max-width:76ch;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.btn{display:inline-block;padding:.65rem 1rem;border:1px solid var(--line);border-radius:.8rem;text-decoration:none;color:var(--text)}.btn-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--accent-strong)}.section-panel{border:1px solid var(--line);border-radius:1.25rem;padding:1.25rem;background:color-mix(in srgb,var(--surface) 90%,#fff);box-shadow:var(--shadow)}section+section{margin-top:2.2rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem}.section-head a{color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.card-grid>.card,.card-grid>.post-card{grid-column:span 6}.compact-grid>.card{grid-column:span 4}.card{border:1px solid var(--line);border-radius:12px;padding:1rem;background:var(--surface);box-shadow:var(--shadow)}.card h3,.card h4{margin-top:0}.card a{color:var(--text)}.card a:hover,.card a:focus-visible{color:var(--accent)}.card-list{margin:0;padding-left:1.1rem}.card-list li+li{margin-top:.45rem}.meta,.muted{color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.topic-grid a{border:1px solid var(--line);border-radius:10px;padding:.85rem .95rem;text-decoration:none;color:var(--text);background:var(--surface)}.topic-grid a:hover,.topic-grid a:focus-visible{border-color:var(--accent)}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.filter-row select,.search-panel input{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:.52rem .72rem;min-width:min(100%,360px)}.article-wrap{max-width:920px}.article-header{margin-bottom:1.1rem}.toc-box{border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;margin:1rem 0;background:color-mix(in srgb,var(--surface) 88%,var(--surface-alt))}.toc-box ul{margin:0}.prose{max-width:78ch}.prose>:first-child{margin-top:0}.prose a{color:var(--accent)}.prose ul,.prose ol{padding-left:1.25rem}.prose li+li{margin-top:.28rem}.prose pre{overflow-x:auto;border-radius:10px;background:var(--code-bg);color:var(--code-text);padding:.9rem}.prose code{font-family:ibm plex mono,ui-monospace,monospace}.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:1rem 0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);display:block;overflow-x:auto;background:var(--surface)}.prose table th,.prose table td{border-bottom:1px solid var(--line);padding:.8rem .9rem;text-align:left;min-width:10rem}.prose table th{background:color-mix(in srgb,var(--surface-alt) 72%,var(--surface));font-weight:700}.prose table tr:nth-child(even) td{background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft))}.prose table tr:hover td{background:color-mix(in srgb,var(--surface) 70%,var(--accent-soft))}.prose table caption,.table-scroll caption{caption-side:top;text-align:left;padding:0 0 .8rem;font-weight:600;color:var(--muted)}.table-scroll{overflow-x:auto}.table-scroll table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.table-scroll th,.table-scroll td{padding:.9rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}.table-scroll thead th{background:linear-gradient(180deg,var(--surface-alt),color-mix(in srgb,var(--surface-alt) 84%,var(--surface)));font-weight:700}.table-scroll tbody tr:nth-child(even) td,.table-scroll tbody tr:nth-child(even) th{background:color-mix(in srgb,var(--surface) 90%,var(--accent-soft))}.table-scroll tbody tr:hover td,.table-scroll tbody tr:hover th{background:color-mix(in srgb,var(--surface) 65%,var(--accent-soft))}.table-scroll button.table-sort{all:unset;cursor:pointer;font-weight:inherit;color:inherit}.methodology-note{margin:1rem 0 1.25rem;padding:1rem 1.1rem;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:1rem;background:color-mix(in srgb,var(--surface) 82%,var(--accent-soft))}.methodology-note h2{font-size:1rem;margin-top:0}.content-figure{margin:1.4rem 0;padding:.9rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--surface) 88%,#fff);box-shadow:var(--shadow)}.content-figure img,.content-figure svg{display:block;width:100%;height:auto;border-radius:.8rem}.content-figure figcaption{margin-top:.7rem;color:var(--muted);font-size:.92rem}.callout,.key-takeaway{margin:1rem 0;padding:.95rem 1rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--surface) 86%,var(--accent-soft))}.decision-grid,.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0}.decision-grid>div,.checklist-grid>div{padding:.9rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface)}.arch-diagram{display:grid;gap:.6rem;margin:1rem 0}.arch-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.arch-box{border:1px solid var(--line);border-radius:8px;padding:.7rem;background:var(--surface);font-size:.92rem}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.tag-chip{font-size:.82rem;padding:.28rem .55rem;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--muted)}.search-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:1rem}.search-results article{border-bottom:1px dashed var(--line);padding:.85rem 0}.search-results article:last-child{border-bottom:0}.site-footer{border-top:1px solid var(--line);margin-top:2rem;padding:1rem 0 2.5rem}.footer-inner{color:var(--muted);font-size:.9rem}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.footer-title{margin:0 0 .4rem;font-weight:700;color:var(--text)}.footer-grid a{color:var(--accent);margin-right:.8rem}.footer-meta{margin-top:1rem}@media(max-width:980px){.hero-grid,.decision-grid,.checklist-grid,.footer-grid{grid-template-columns:1fr}.compact-grid>.card,.card-grid>.card,.card-grid>.post-card{grid-column:span 12}.header-inner{flex-wrap:wrap;padding:.5rem 0}.top-nav{order:3;margin-left:0;width:100%}.arch-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}