:root{color-scheme:light;--bg-primary:#faf9f7;--bg-secondary:#ffffff;--bg-elevated:#f0eeeb;--border:#e2ded8;--text-primary:#1a1815;--text-secondary:#4a4640;--text-muted:#6b665e;--accent:#a84a12;--accent-hover:#8a3c0e;--accent-fill:#e8713a;--accent-fill-hover:#f08c4f;--on-accent:#1a1815;--accent-glow:rgba(232,113,58,0.14);--code-bg:#f5f3f0;--code-border:#e5e2dd;--status-live:#15803d;--status-progress:#a16207;--status-experiment:#1d4ed8;--diagram-verify:#1d4ed8;--header-bg:rgba(250,249,247,0.9);--shadow:0 10px 30px rgba(26,24,21,0.08);--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--serif:var(--font-serif),Georgia,"Times New Roman",serif;--mono:var(--font-mono),ui-monospace,Menlo,Consolas,monospace;--wide:72rem;--prose:44rem;--transition-fast:150ms ease;--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-elevated:#242424;--border:#2e2e2e;--text-primary:#f5f2eb;--text-secondary:#a8a49c;--text-muted:#8f8a82;--accent:#e8713a;--accent-hover:#f08c4f;--on-accent:#0d0d0d;--code-bg:#161616;--code-border:#2a2a2a;--status-live:#4ade80;--status-progress:#fbbf24;--status-experiment:#93c5fd;--diagram-verify:#93c5fd;--header-bg:rgba(13,13,13,0.9);--shadow:0 10px 30px rgba(0,0,0,0.45)}}:root[data-theme=dark]{color-scheme:dark;--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-elevated:#242424;--border:#2e2e2e;--text-primary:#f5f2eb;--text-secondary:#a8a49c;--text-muted:#8f8a82;--accent:#e8713a;--accent-hover:#f08c4f;--on-accent:#0d0d0d;--code-bg:#161616;--code-border:#2a2a2a;--status-live:#4ade80;--status-progress:#fbbf24;--status-experiment:#93c5fd;--diagram-verify:#93c5fd;--header-bg:rgba(13,13,13,0.9);--shadow:0 10px 30px rgba(0,0,0,0.45)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth}body,html{background:var(--bg-primary)}body{font-family:var(--serif);color:var(--text-primary);line-height:1.7;min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-smooth),color var(--transition-smooth)}main{flex:1 1}main:focus{outline:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.mono,code,kbd,pre,samp{font-family:var(--mono)}.accent{color:var(--accent)}.muted{color:var(--text-muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-sm);top:-100px;z-index:200;background:var(--accent-fill);color:var(--on-accent);padding:.5rem 1rem;border-radius:6px;font-weight:600}.skip-link:focus{top:var(--space-sm)}.dev-placeholder{display:inline-block;font-family:var(--mono);font-size:.7rem;line-height:1.4;color:var(--text-secondary);background:repeating-linear-gradient(45deg,var(--bg-elevated) 0 8px,transparent 8px 16px);border:1px dashed var(--text-muted);border-radius:4px;padding:.2rem .45rem}.dev-placeholder.block{display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;text-align:center;padding:var(--space-sm)}.container{max-width:var(--wide)}.container,.site-wrapper{margin:0 auto;padding:0 var(--space-md)}.site-wrapper{max-width:var(--prose)}.section{padding:var(--space-lg) 0 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.section-head h2,.section-title{font-size:1.5rem;font-weight:600;line-height:1.3}.section-head a{color:var(--accent);font-size:.9rem}.section-head a:hover{color:var(--accent-hover);text-decoration:underline}.divider{height:1px;background:var(--border);margin:var(--space-lg) 0}.section-label{font-size:.78rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.75rem var(--space-md);transition:background-color var(--transition-smooth)}.site-header nav{max-width:var(--wide);margin:0 auto;justify-content:space-between;gap:var(--space-sm)}.logo,.site-header nav{display:flex;align-items:center}.logo{gap:var(--space-xs)}.logo-mark{font-size:1.1rem;color:var(--bg-primary);background:var(--accent-fill);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background var(--transition-smooth),color var(--transition-smooth)}.logo-mark,.logo-text{font-family:var(--mono);font-weight:700}.logo-text{font-size:.85rem;color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:var(--space-sm)}.nav-links{display:flex;gap:.25rem}.nav-links a{display:block;padding:.35rem .6rem;border-radius:6px;font-size:.9rem;color:var(--text-secondary);transition:color var(--transition-fast),background var(--transition-fast)}.nav-links a:hover{color:var(--accent);background:var(--accent-glow)}.nav-links a[aria-current=page]{color:var(--accent);font-weight:600}.menu-toggle{display:none}.theme-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:50%;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-sun,:root[data-theme=dark] .icon-moon{display:none}:root[data-theme=dark] .icon-sun{display:block}.btn{font-family:var(--serif);font-size:1rem;font-weight:600;padding:.7rem 1.35rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn-primary{background:var(--accent-fill);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-fill-hover)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:var(--space-lg) 0 var(--space-sm);max-width:48rem}.hero-tag{font-size:.8rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.hero h1,.hero-tag{font-weight:600;margin-bottom:var(--space-sm)}.hero h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;letter-spacing:-.015em}.hero-sub{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;max-width:40rem;margin-bottom:var(--space-md)}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-compact{padding:var(--space-lg) 0 var(--space-md)}.hero-compact h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;line-height:1.2;letter-spacing:-.01em}.hero-compact p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-top:var(--space-xs);max-width:40rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));grid-gap:var(--space-md);gap:var(--space-md)}.project-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent-glow)}.project-shot{aspect-ratio:16/10;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.project-shot:empty{display:none}.project-shot img{width:100%;height:100%;object-fit:cover}.project-body{padding:var(--space-md);flex-direction:column;flex:1 1}.project-body,.project-head{display:flex;gap:var(--space-sm)}.project-head{justify-content:space-between;align-items:center}.project-head h2,.project-head h3{font-size:1.35rem;font-weight:600;line-height:1.25}.project-purpose{color:var(--text-secondary)}.project-links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:auto;padding-top:var(--space-xs)}.project-links a{color:var(--accent);font-weight:600;font-size:.92rem;border-bottom:1px solid transparent;transition:border-color var(--transition-fast),color var(--transition-fast)}.project-links a:hover{color:var(--accent-hover);border-color:currentColor}.status-badge{font-size:.75rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;border:1px solid;white-space:nowrap}.status-badge.live{color:var(--status-live)}.status-badge.in-progress,.status-badge.wip{color:var(--status-progress)}.status-badge.experiment{color:var(--status-experiment)}.repos-section{margin-top:var(--space-lg)}.repos-section .section-label{margin-bottom:var(--space-xs)}.repos-intro{color:var(--text-secondary);margin:0 0 var(--space-md);max-width:44rem}.repo-card h3{font-size:1.2rem}.stack-list{display:flex;flex-wrap:wrap;gap:.45rem}.stack-tag{padding:.2rem .65rem;background:var(--bg-elevated);border:1px solid var(--code-border);border-radius:6px;font-size:.8rem;color:var(--text-secondary)}.now{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:var(--space-md)}.now-updated{font-size:.85rem;color:var(--text-muted)}.now-list{display:grid;grid-gap:.75rem;gap:.75rem}.now-list li{position:relative;padding-left:1.25rem;color:var(--text-secondary)}.now-list li:before{content:"";position:absolute;left:0;top:.7em;width:.45rem;height:.45rem;border-radius:50%;background:var(--accent-fill)}.post-card{padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.post-card:first-of-type{border-top:1px solid var(--border)}.post-card .post-date,.post-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.post-category{color:var(--accent);font-weight:600}.post-card h2,.post-card h3{font-size:1.25rem;font-weight:600;line-height:1.35;margin-bottom:.35rem}.post-card h2 a,.post-card h3 a{transition:color var(--transition-fast)}.post-card h2 a:hover,.post-card h3 a:hover{color:var(--accent)}.post-card p{color:var(--text-secondary)}.post-card p.post-meta{color:var(--text-muted)}.cta-section{background:var(--bg-elevated);border-radius:12px;padding:var(--space-lg) var(--space-md);text-align:center;margin:var(--space-lg) 0}.cta-section h2{font-size:1.6rem;font-weight:600;margin-bottom:var(--space-xs)}.cta-section p{color:var(--text-secondary);margin:0 auto var(--space-md);max-width:34rem}.prose{max-width:var(--prose)}.prose h2{font-size:1.4rem;font-weight:600;margin:var(--space-md) 0 var(--space-xs)}.prose p,.prose ul{color:var(--text-secondary);margin-bottom:var(--space-sm)}.prose ul.bullets{list-style:disc;padding-left:1.25rem}.prose a{color:var(--accent);border-bottom:1px solid}.prose a:hover{color:var(--accent-hover)}.link-list{display:grid;grid-gap:.5rem;gap:.5rem}.page-bottom{padding-bottom:var(--space-lg)}.resource-group{margin-bottom:var(--space-lg)}.resource-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.resource-row{background:var(--bg-primary);padding:.85rem var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);transition:background var(--transition-fast)}.resource-row:hover{background:var(--bg-secondary)}.resource-row h3{font-size:1rem;font-weight:600}.resource-row p{font-size:.9rem;color:var(--text-secondary);margin-top:.15rem}.price{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.price.free{color:var(--status-live)}.resume-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg)}.resume-header h1{font-size:1.8rem;font-weight:600}.resume-header p{color:var(--text-secondary);margin-top:.25rem}.resume-section{margin-bottom:var(--space-lg)}.resume-section h2{font-size:.8rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.resume-entry{margin-bottom:var(--space-md)}.resume-entry-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:.25rem}.resume-entry h3{font-size:1.05rem;font-weight:600}.resume-entry .date{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.resume-entry .company{color:var(--accent);margin-bottom:.35rem}.resume-entry ul{list-style:disc;padding-left:1.25rem;margin-top:.35rem}.resume-entry li{color:var(--text-secondary);line-height:1.6;margin-bottom:.25rem}.resume-contact{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.resume-contact a{font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.resume-contact a:hover{color:var(--accent);border-color:var(--accent)}.site-footer{margin-top:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--border)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.contact-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs) var(--space-md);margin-bottom:var(--space-xs)}.contact-row a{color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:2px;transition:color var(--transition-fast),border-color var(--transition-fast)}.contact-row a:hover{color:var(--accent);border-color:var(--accent)}.site-footer .muted{font-size:.85rem}.back-link{padding-top:var(--space-md)}.back-link a{color:var(--accent);font-size:.95rem}.back-link a:hover{color:var(--accent-hover);text-decoration:underline}.case-head{padding-top:var(--space-md)}.case-head p+p{margin-top:var(--space-sm)}.case-purpose{font-style:italic}.case-links{margin-top:var(--space-md);padding-top:0}.case-head .hero-tag{color:var(--accent)}.case-study .prose section{margin-top:var(--space-lg)}.case-study .prose section:first-child{margin-top:var(--space-sm)}.case-study .prose h2{margin-top:0}.case-study .prose .stack-list{margin-bottom:0}.prose ol.bullets{list-style:decimal;padding-left:1.4rem}.prose .bullets li+li{margin-top:.5rem}.arch-wrap{margin-top:var(--space-md)}.arch{margin:0}.arch-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);padding:var(--space-sm)}.arch-scroll svg{display:block;width:100%;min-width:900px;height:auto}.arch-region rect{fill:var(--bg-primary);stroke:var(--border);stroke-width:1.5;stroke-dasharray:2 4}.arch-region text{fill:var(--text-muted);font-family:var(--serif);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.arch-node rect{fill:var(--bg-elevated);stroke:var(--text-muted);stroke-width:1}.arch-node text{fill:var(--text-primary);font-family:var(--serif)}.arch-node-title{font-size:13.5px;font-weight:600}.arch-node-sub{font-size:11.5px;fill:var(--text-secondary)}.arch-conn path{fill:none;stroke-width:2;stroke-linejoin:round}.arch-conn.request path{stroke:var(--accent)}.arch-conn.deploy path{stroke:var(--text-secondary);stroke-dasharray:6 5}.arch-conn.verify path{stroke:var(--diagram-verify);stroke-dasharray:.5 5;stroke-linecap:round;stroke-width:2.5}.arch-arrowhead.request{fill:var(--accent)}.arch-arrowhead.deploy{fill:var(--text-secondary)}.arch-arrowhead.verify{fill:var(--diagram-verify)}.arch-label{fill:var(--text-secondary);font-family:var(--serif);font-size:12px;font-style:italic}.arch-reveal{fill:none;stroke:#fff;stroke-width:16;stroke-linecap:square;stroke-dasharray:1;stroke-dashoffset:0}.js .arch .arch-reveal{stroke-dashoffset:1}.js .arch.drawn .arch-reveal{animation:arch-draw .5s ease-out both;animation-delay:var(--delay)}@keyframes arch-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.js .arch .arch-label{opacity:0}.js .arch.drawn .arch-label{animation:arch-fade .3s ease-out both;animation-delay:var(--delay)}@keyframes arch-fade{0%{opacity:0}to{opacity:1}}.arch figcaption{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);margin-top:var(--space-xs);font-size:.9rem;color:var(--text-secondary)}.arch-key{display:inline-flex;align-items:center;gap:.5rem}.arch-key-line{stroke-width:2}.arch-key-line.request{stroke:var(--accent)}.arch-key-line.deploy{stroke:var(--text-secondary);stroke-dasharray:6 5}.arch-key-line.verify{stroke:var(--diagram-verify);stroke-dasharray:.5 5;stroke-linecap:round;stroke-width:2.5}.arch-text{margin-top:var(--space-xs);color:var(--text-secondary)}.arch-text summary{cursor:pointer;color:var(--accent);font-size:.95rem}.arch-text h3{font-size:1rem;margin:var(--space-sm) 0 .25rem;color:var(--text-primary)}.arch-text ol{padding-left:1.4rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-md)}.filter-btn{font-family:var(--serif);font-size:.95rem;padding:.35rem .85rem;border-radius:999px;cursor:pointer;background:transparent;color:var(--text-secondary);border:1px solid var(--border);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.filter-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.filter-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.filter-btn:disabled{opacity:.55;cursor:not-allowed}.filter-count{font-size:.85em}.filter-results{border-top:1px solid var(--border)}.filter-results .post-card:first-of-type{border-top:0}.draft-badge{display:inline-block;font-size:.8rem;font-weight:600;color:var(--status-progress);border:1px dashed;border-radius:6px;padding:.1rem .5rem;margin-bottom:var(--space-xs)}.draft-badge.inline{margin:0}.post-header{padding:var(--space-md) 0 var(--space-sm)}.post-header .hero-tag{color:var(--accent);margin-bottom:var(--space-xs)}.post-header h1{font-size:clamp(2rem,5vw,2.9rem);font-weight:600;line-height:1.1;letter-spacing:-.015em}.post-dek{font-size:1.2rem;line-height:1.5;color:var(--text-secondary)}.post-byline,.post-dek{margin-top:var(--space-sm)}.post-byline{font-size:.92rem;color:var(--text-muted)}.toc{border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);margin:var(--space-sm) 0 var(--space-md)}.toc h2{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.toc ol{list-style:none;display:grid;grid-gap:.2rem;gap:.2rem}.toc a{color:var(--accent)}.toc a:hover{color:var(--accent-hover);text-decoration:underline}.toc li{position:relative;padding-left:1rem}.toc li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--accent-fill)}.toc .toc-sub{margin-left:1.1rem;font-size:.95rem}.toc .toc-sub:before{width:4px;height:4px;background:var(--text-muted)}.post-body{font-size:1.06rem;line-height:1.75}.post-body>*+*{margin-top:1.1rem}.post-body h2{font-size:1.6rem;line-height:1.25;margin-top:3rem}.post-body h2,.post-body h3{font-weight:600;scroll-margin-top:5rem}.post-body h3{font-size:1.25rem;line-height:1.3;margin-top:2.2rem}.post-body li,.post-body p{color:var(--text-secondary)}.post-body strong{font-weight:600}.post-body em,.post-body strong{color:var(--text-primary)}.post-body ol,.post-body ul{padding-left:1.3rem}.post-body ul{list-style:disc}.post-body ol{list-style:decimal}.post-body li+li{margin-top:.5rem}.post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:.15em}.post-body a:hover{color:var(--accent-hover)}.post-body hr{border:0;border-top:1px solid var(--border);margin:3rem 0}.post-body .foot{font-size:.95rem;color:var(--text-muted)}.post-body :not(pre)>code{font-family:var(--mono);font-size:.85em;background:var(--code-bg);border:1px solid var(--code-border);border-radius:4px;padding:.05em .3em}.analogy,.callout{padding:1rem 1.25rem;border-radius:10px;background:var(--accent-glow);border-left:3px solid var(--accent-fill)}.analogy{font-style:italic}.analogy strong{font-style:normal}.callout{font-size:.95rem}.code-block{border:1px solid var(--code-border);border-radius:10px;background:var(--code-bg);overflow:hidden}.code-bar{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem .35rem 1rem;border-bottom:1px solid var(--code-border)}.code-lang{font-family:var(--mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.06em}.copy-btn{font-family:var(--serif);font-size:.85rem;padding:.2rem .7rem;border-radius:6px;cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);transition:border-color var(--transition-fast),color var(--transition-fast)}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.code-block pre{margin:0;padding:1rem 1.1rem;overflow-x:auto;line-height:1.55}.code-block pre code{font-family:var(--mono);font-size:.82rem;color:var(--text-primary)}.code-block .code-comment{color:var(--text-muted)}.code-output{background:transparent;border-style:dashed}.code-output .code-bar{border-bottom-style:dashed;padding-top:.45rem;padding-bottom:.45rem}.code-output pre code{color:var(--text-secondary)}.post-body figure{margin:2.5rem 0}.post-body .wide{width:min(62rem,calc(100vw - 2 * var(--space-md)));margin-left:50%;transform:translateX(-50%)}.post-body figcaption{font-size:.95rem;color:var(--text-muted);margin-top:.75rem;max-width:var(--prose);margin-left:auto;margin-right:auto}.post-body .scroll{overflow-x:auto}.post-body .scroll svg{display:block;width:100%;min-width:720px;height:auto}.post-body svg text{font-family:var(--serif)}.d-box{fill:var(--bg-elevated);stroke:var(--text-muted);stroke-width:1.25}.d-box-accent{stroke:var(--accent);stroke-width:2}.d-mgmt{fill:var(--accent-glow);stroke:var(--accent);stroke-width:1.5}.d-ou{fill:none;stroke:var(--text-muted);stroke-width:1.25;stroke-dasharray:5 5}.d-line{stroke:var(--text-muted);stroke-width:1.5;fill:none}.d-log{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 5;fill:none}.d-t{fill:var(--text-primary);font-size:15px;font-weight:600}.d-s{fill:var(--text-secondary);font-size:12.5px}.d-ou-label{fill:var(--text-secondary)}.d-accent-text,.d-ou-label{font-size:13px;font-style:italic}.d-accent-text{fill:var(--accent)}.d-arrowhead{fill:var(--text-muted)}.d-file{fill:var(--code-bg);stroke:var(--code-border);stroke-width:1}.post-body svg text.d-mono{font-family:var(--mono);font-size:12.5px;fill:var(--text-primary)}.d-pod{fill:var(--accent-fill)}.d-pod-t{font-size:14px;font-weight:700}.d-pod-s,.d-pod-t{fill:var(--on-accent)}.d-pod-s{font-size:12.5px}.d-crash{fill:none;stroke:var(--text-muted);stroke-width:1.25;stroke-dasharray:5 4}.d-crash-t{fill:var(--text-muted);font-size:14px;font-weight:700;text-decoration:line-through}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-gap:.75rem;gap:.75rem;align-items:stretch}.flow.four{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.step{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;font-size:1rem;line-height:1.5}.step h4{font-size:1.05rem;font-weight:600;margin-bottom:.2rem}.step p{color:var(--text-secondary)}.step p+p{margin-top:.5rem}.step .when{font-size:.9rem;color:var(--text-muted)}.step .like{font-style:italic;color:var(--text-muted);font-size:.95rem}.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.flow-arrow svg{width:22px;height:22px}.post-body table{width:100%;border-collapse:collapse;font-size:.98rem;line-height:1.5;min-width:560px}.post-body td,.post-body th{text-align:left;vertical-align:top;padding:.7rem .9rem .7rem 0;border-bottom:1px solid var(--border);color:var(--text-secondary)}.post-body th{border-bottom:2px solid var(--text-muted)}.post-body dl dt,.post-body th{font-weight:600;color:var(--text-primary)}.post-body dl dt{margin-top:1rem}.post-body dl dd{color:var(--text-secondary);margin-top:.15rem}.related{margin-top:var(--space-lg)}.related h2{font-size:1.4rem;font-weight:600;margin-bottom:var(--space-sm)}.resume{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);scroll-margin-top:5rem}.resume-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.resume-top h2{font-size:1.6rem;font-weight:600}.btn-note{font-weight:400;font-size:.9em}.resume-updated{font-size:.9rem;color:var(--text-muted);margin-top:.4rem}.resume-body{margin-top:var(--space-md);color:var(--text-secondary)}.resume-body .resume-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.resume-body h4{font-size:.85rem;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-top:var(--space-md);padding-bottom:.35rem;border-bottom:1px solid var(--border)}.resume-body h5{font-size:1.08rem;font-weight:600;color:var(--text-primary);margin-top:var(--space-sm)}.resume-body p{margin-top:.35rem}.resume-body strong{color:var(--text-primary);font-weight:600}.resume-body ul{list-style:disc;padding-left:1.3rem;margin-top:.4rem}.resume-body li+li{margin-top:.35rem}@media (max-width:760px){html{font-size:16px}.container,.site-wrapper{padding:0 var(--space-sm)}.site-header{padding:.6rem var(--space-sm)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer}.menu-icon{display:grid;grid-gap:4px;gap:4px}.menu-icon span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.menu-toggle[aria-expanded=true] .menu-icon span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:var(--space-xs) var(--space-sm) var(--space-sm);visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear .15s}.nav-links.open{visibility:visible;opacity:1;transform:none;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s}.nav-links a{padding:.7rem .5rem;font-size:1.05rem}.hero,.hero-compact{padding-top:var(--space-md)}.hero-cta .btn{flex:1 1 100%}.project-body{padding:var(--space-sm)}.resume-entry-header{gap:.15rem}.resume-entry-header,.resume-header{flex-direction:column}.resource-row{padding:.85rem var(--space-sm)}.flow,.flow.four{grid-template-columns:1fr}.flow-arrow svg{transform:rotate(90deg)}.post-body .wide{width:calc(100vw - 2 * var(--space-sm))}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}.project-card:hover{transform:none}.js .arch .arch-reveal{stroke-dashoffset:0}.js .arch .arch-label{opacity:1}}.breadcrumb{padding-top:var(--space-md);font-size:.95rem;color:var(--text-muted)}.breadcrumb a{color:var(--accent)}.breadcrumb a:hover{color:var(--accent-hover);text-decoration:underline}.logo-chip{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border-radius:10px;background:#ffffff;border:1px solid var(--border)}.logo-chip img{display:block}.logo-chip.lg{width:64px;height:64px;border-radius:12px}.logo-chip.sm{width:34px;height:34px;border-radius:8px}.logo-chip.initials{font-size:.75rem;font-weight:700;color:#4a4640}.feature-section{margin-top:var(--space-sm)}.feature-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:1.5rem 1.75rem;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 10px 30px rgba(26,24,21,.08);color:var(--text-primary);transition:border-color var(--transition-fast)}.feature-banner:hover{border-color:var(--accent)}.feature-banner>div{display:flex;flex-direction:column;gap:.4rem;max-width:46rem}.feature-banner h2{font-size:1.6rem;line-height:1.25}.feature-banner p{color:var(--text-secondary)}.feature-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)!important}.topics-section{margin-top:var(--space-lg)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1.1rem;gap:1.1rem}.topic-card{display:flex;flex-direction:column;gap:.6rem;padding:1.35rem;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);transition:border-color var(--transition-fast),transform var(--transition-fast)}.topic-card:hover{border-color:var(--accent);transform:translateY(-2px)}.topic-card h3{font-size:1.3rem}.topic-card p{font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.topic-meta{margin-top:auto;font-size:.78rem;color:var(--text-muted)}.topic-header{display:flex;align-items:center;gap:1.1rem;padding:var(--space-md) 0 var(--space-sm)}.topic-header h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2}.topic-header p{color:var(--text-secondary);margin-top:.35rem;max-width:44rem;line-height:1.6}.topic-section{margin-top:var(--space-md)}.topic-section .section-label{margin-bottom:var(--space-sm)}.track-card{padding:1.5rem;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border)}.track-card h3{font-size:1.4rem}.track-intro{color:var(--text-secondary);margin-top:.4rem;line-height:1.6;max-width:46rem}.track-list{list-style:none;margin-top:1rem;display:grid;grid-gap:.5rem;gap:.5rem}.track-list li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.7rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary)}.track-list li.ready a{font-weight:600;color:var(--text-primary)}.track-list li.ready a:hover{color:var(--accent)}.track-list li.soon>span:nth-child(2){color:var(--text-muted)}.track-num{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;font-size:.8rem;font-weight:700;background:var(--bg-elevated);color:var(--text-secondary)}.track-list li.ready .track-num{background:var(--accent-fill);color:var(--on-accent)}.track-state{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.track-list li.ready .track-state{color:var(--accent)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.guide-card{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}a.guide-card:hover{border-color:var(--accent)}.guide-card h3{font-size:1.1rem;line-height:1.35}.guide-card p{font-size:.93rem;color:var(--text-secondary);line-height:1.5}.guide-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.25rem}.tag{font-family:var(--mono);font-size:.72rem;padding:.15rem .55rem;border-radius:999px;background:var(--bg-elevated);color:var(--text-secondary)}.tag.soon{color:var(--accent)}.tool-name{display:flex;align-items:center;gap:.8rem;min-width:0}.topic-posts{list-style:none;display:grid;grid-gap:.9rem;gap:.9rem}.topic-posts a{font-weight:600;color:var(--text-primary)}.topic-posts a:hover{color:var(--accent)}.topic-posts p{font-size:.93rem;color:var(--text-secondary);margin-top:.2rem}.topic-chips{display:flex;flex-wrap:wrap;gap:.5rem}.topic-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--border);color:var(--text-primary);font-size:.93rem}.topic-chip:hover{border-color:var(--accent);color:var(--accent)}.topic-chip img{background:#ffffff;border-radius:4px;padding:1px}.lesson-progress{display:flex;gap:6px;margin-bottom:var(--space-sm)}.lesson-progress span{flex:1 1;height:5px;border-radius:3px;background:var(--border)}.lesson-progress span.done{background:var(--accent-fill)}.lesson-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:var(--space-md)}.lesson-next-soon{color:var(--text-muted);font-size:.95rem}@media (max-width:640px){.feature-banner{padding:1.25rem}.feature-banner .btn{width:100%}.topic-header{align-items:flex-start}.track-list li{grid-template-columns:2rem minmax(0,1fr)}.track-state{grid-column:2}}.topic-links{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.topic-links a{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border);color:var(--accent);font-size:.9rem}.topic-links a:hover{border-color:var(--accent)}.resource-row h3 a{color:var(--text-primary)}.resource-row h3 a:hover{color:var(--accent);text-decoration:underline}.guide-updated{margin-top:var(--space-xs);font-size:.85rem;color:var(--text-muted);font-family:var(--mono)}.logo-credit{margin-top:var(--space-md);font-size:.8rem;color:var(--text-muted)}.guide .analogy,.guide .callout,.lesson .analogy,.lesson .callout{border:1px solid rgba(232,113,58,.35);border-radius:12px;background:var(--accent-glow)}.widget{border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);padding:1.1rem 1.25rem;margin:1.5rem 0}.widget-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .75rem}.widget-fact-label{display:block;font-size:.85rem;color:var(--text-muted)}.widget button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.of-bits{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:6px;gap:6px}.of-bit{display:flex;flex-direction:column;align-items:center;gap:4px}.of-value{font-size:.78rem}.of-bit button,.of-value{font-family:var(--mono);color:var(--text-muted)}.of-bit button{width:100%;height:56px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);font-size:1.2rem;font-weight:700;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.of-bit button[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.of-readout{display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:1rem}.of-big{display:block;font-size:2rem;font-weight:700;line-height:1.1;color:var(--text-primary)}.of-big,.of-sum{font-family:var(--mono)}.of-sum{font-size:.85rem;margin:.4rem 0 0;overflow-wrap:anywhere}.of-goals,.of-sum{color:var(--text-secondary)}.of-goals{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;font-size:.95rem}.of-chip{font-family:var(--mono);font-size:.85rem;padding:.2rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.of-chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.of-chip.done{border-color:var(--status-live);color:var(--status-live)}.of-feedback{min-height:1.6em;margin:.6rem 0 0;color:var(--text-secondary)}.of-feedback.ok{color:var(--status-live)}.of-reset{margin-top:.5rem;background:none;border:none;padding:0;color:var(--accent);font-family:var(--serif);font-size:.95rem;text-decoration:underline;cursor:pointer}@media (max-width:480px){.of-bits{gap:4px}.of-bit button{height:48px;font-size:1rem}.of-big{font-size:1.6rem}}.cs-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.cs-top label{color:var(--text-secondary)}.cs-top input{font-family:var(--mono);font-size:1rem;padding:.35rem .55rem;width:11rem;max-width:100%;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.cs-range:focus-visible,.cs-top input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cs-top input[aria-invalid=true]{border-color:var(--accent)}.cs-prefix{font-family:var(--mono);font-size:2rem;font-weight:700;line-height:1;color:var(--text-primary)}.cs-err{min-height:1.4em;margin:.35rem 0 0;color:var(--accent);font-size:.9rem}.cs-range{width:100%;margin:.6rem 0 .25rem;accent-color:var(--accent-fill);cursor:pointer}.cs-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72rem;color:var(--text-muted)}.cs-bar{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));grid-gap:2px;gap:2px;margin:1rem 0 .5rem}.cs-bar span{height:18px;border-radius:2px;border:1px solid var(--border);background:var(--bg-elevated);transition:background var(--transition-fast),border-color var(--transition-fast)}.cs-bar span.net{background:var(--accent-fill);border-color:var(--accent-fill)}.cs-bar span.gap{margin-right:4px}.cs-legend{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;font-size:.85rem;color:var(--text-secondary)}.cs-swatch{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;border-radius:2px;border:1px solid var(--border);background:var(--bg-elevated)}.cs-swatch.net{background:var(--accent-fill);border-color:var(--accent-fill)}.cs-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem 1.5rem;gap:.75rem 1.5rem;margin:1.1rem 0 0}.cs-facts dt{font-size:.85rem;color:var(--text-muted)}.cs-facts dd{margin:0;font-family:var(--mono);font-size:1rem;color:var(--text-primary);overflow-wrap:anywhere}.cs-facts dd.hl{font-size:1.25rem;font-weight:700;color:var(--accent)}.cs-words{margin:1rem 0 0;color:var(--text-secondary)}.cs-note{margin:.75rem 0 0;padding-top:.6rem;border-top:1px dashed var(--border);font-size:.9rem;color:var(--text-muted)}@media (max-width:480px){.cs-bar{gap:1px}.cs-bar span.gap{margin-right:2px}.cs-prefix{font-size:1.6rem}}.ed-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ed-chip{font-family:var(--mono);font-size:.8rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;text-align:left}.ed-chip[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.ed-stages,.lesson .ed-stages{padding-left:0;margin-left:0}.ed-stages>li,.post-body .ed-stages>li{margin:0}.ed-stages>li::marker,.ed-stages>li:before{content:none}.ed-stages{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;margin:1.1rem 0 0;padding:0}.ed-stage{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.45rem .25rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.85rem}.ed-stage-num{font-family:var(--mono);font-size:.72rem}.ed-stage.passed{border-color:var(--status-live);color:var(--status-live)}.ed-stage.stopped{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.ed-stage.never{opacity:.45}.ed-detail{min-height:7.5rem;margin-top:1rem}.ed-detail p{margin:0 0 .6rem}.ed-means{color:var(--text-primary);font-size:1.02rem}.ed-empty{color:var(--text-secondary)}.ed-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.ed-cmd{font-family:var(--mono);font-size:.85rem;overflow-wrap:anywhere}.ed-next{color:var(--text-secondary)}.ed-lesson{font-size:.9rem;color:var(--text-muted)}@media (max-width:480px){.ed-stages{gap:3px}.ed-stage{font-size:.72rem}}.ff-help{margin:0 0 .75rem;color:var(--text-secondary)}.ff-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.ff-option{display:flex;align-items:flex-start;gap:.6rem;text-align:left;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.92rem;line-height:1.35;cursor:pointer}.ff-option[aria-pressed=true]{border-color:var(--accent-fill);background:var(--accent-glow)}.ff-box{flex:none;width:18px;height:18px;margin-top:1px;border-radius:4px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--on-accent)}.ff-option[aria-pressed=true] .ff-box{background:var(--accent-fill);border-color:var(--accent-fill)}.ff-results{margin-top:1.1rem;min-height:3rem}.ff-count,.ff-empty{margin:0 0 .5rem;color:var(--text-secondary)}.ff-list,.post-body .ff-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.ff-list>li,.post-body .ff-list>li{margin:0;display:grid;grid-template-columns:1fr auto;grid-gap:.15rem .75rem;gap:.15rem .75rem;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary)}.ff-name{font-weight:700;color:var(--text-primary)}.ff-get{font-family:var(--mono);font-size:.75rem;color:var(--accent);align-self:center}.ff-what{grid-column:1/-1;font-size:.9rem;color:var(--text-secondary)}.ff-note{margin:.9rem 0 0;padding-top:.6rem;border-top:1px dashed var(--border);font-size:.85rem;color:var(--text-muted)}@media (max-width:560px){.ff-options{grid-template-columns:1fr}}.cso-progress{margin:0 0 .4rem;font-family:var(--mono);font-size:.78rem;color:var(--text-muted)}.cso-item{margin:0 0 1rem;font-size:1.12rem;font-weight:600;color:var(--text-primary);line-height:1.4}.cso-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.cso-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.92rem;cursor:pointer}.cso-option:disabled{opacity:.45;cursor:default}.cso-option.correct{border-color:var(--status-live);box-shadow:inset 0 0 0 1px var(--status-live)}.cso-option.wrong{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cso-option-label{font-weight:600}.cso-option-codes{font-family:var(--mono);font-size:.72rem;color:var(--text-muted)}.cso-feedback{min-height:5.5rem;margin-top:.9rem}.cso-verdict{margin:0 0 .3rem;color:var(--accent);font-weight:600}.cso-verdict.ok{color:var(--status-live)}.cso-why{margin:0 0 .6rem;color:var(--text-secondary)}.cso-next{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--accent-fill);background:var(--accent-fill);color:var(--on-accent);font-family:var(--serif);font-size:.92rem;cursor:pointer}.cso-final{margin:0 0 .4rem;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.cso-sub{margin:0 0 .8rem;color:var(--text-secondary)}@media (max-width:560px){.cso-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.ic-rows{display:grid;grid-gap:.75rem;gap:.75rem}.ic-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-bottom:.75rem;border-bottom:1px dashed var(--border)}.ic-text{display:flex;flex-direction:column;gap:.1rem;min-width:14rem;flex:1 1}.ic-name{font-weight:700;color:var(--text-primary)}.ic-question{font-size:.88rem;color:var(--text-secondary)}.ic-levels{display:flex;gap:.35rem}.ic-level{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.9rem;cursor:pointer}.ic-level.ic-low[aria-pressed=true]{background:var(--status-live);border-color:var(--status-live);color:var(--bg-primary)}.ic-level.ic-moderate[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.ic-level.ic-high[aria-pressed=true]{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.ic-result{margin-top:1rem}.ic-overall{margin:0 0 .4rem}.ic-big{display:block;font-size:1.6rem;font-weight:700;line-height:1.2}.ic-big.ic-low{color:var(--status-live)}.ic-big.ic-moderate{color:var(--accent)}.ic-big.ic-high{color:var(--text-primary)}.ic-why{margin:0 0 .4rem}.ic-baseline,.ic-why{color:var(--text-secondary)}.ic-baseline{margin:0}.cj-toggles{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.cj-toggle{font-family:var(--mono);font-size:.8rem;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.cj-toggle[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.cj-track{position:relative}.cj-rail{position:absolute;left:calc(100% / 14);right:calc(100% / 14);top:13px;height:3px;background:var(--border);border-radius:2px}.cj-rail-fill{height:100%;width:calc(var(--cj-progress) * 100%);background:var(--status-live);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.cj-stages,.lesson .cj-stages{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:4px;gap:4px;margin:0;padding:0;position:relative}.cj-stages>li,.post-body .cj-stages>li{margin:0}.cj-stages>li::marker,.cj-stages>li:before{content:none}.cj-stage{flex-direction:column;text-align:center;gap:2px;color:var(--text-muted);transition:color .3s ease,opacity .3s ease}.cj-dot,.cj-stage{display:flex;align-items:center}.cj-dot{width:28px;height:28px;border-radius:50%;justify-content:center;border:2px solid var(--border);background:var(--bg-secondary);font-size:.85rem;font-weight:700;line-height:1;margin-bottom:.3rem;transition:background .3s ease,border-color .3s ease,transform .3s ease}.cj-name{font-weight:700;font-size:.88rem;color:inherit}.cj-sub{font-family:var(--mono);font-size:.66rem}.cj-stage.running{color:var(--text-primary)}.cj-stage.running .cj-dot{border-color:var(--accent-fill);background:var(--accent-glow);transform:scale(1.15);animation:cj-pulse 1.2s ease-in-out infinite}.cj-stage.passed{color:var(--status-live)}.cj-stage.passed .cj-dot{border-color:var(--status-live);background:var(--status-live);color:var(--bg-secondary)}.cj-stage.failed{color:var(--text-primary)}.cj-stage.failed .cj-dot{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent)}.cj-stage.skipped{opacity:.45}.cj-stage.skipped .cj-name{text-decoration:line-through}.cj-checks{display:flex;flex-direction:column;gap:3px;margin-top:.4rem;width:100%}.cj-check{font-family:var(--mono);font-size:.68rem;padding:2px 4px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);white-space:nowrap}.cj-check.running{border-color:var(--accent-fill);color:var(--text-primary);animation:cj-pulse 1.2s ease-in-out infinite}.cj-check.passed{border-color:var(--status-live);color:var(--status-live)}.cj-check.failed{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.cj-check.skipped{opacity:.45}@keyframes cj-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px var(--accent-glow)}}.cj-caption{min-height:6.2rem;margin:1.1rem 0 .9rem;color:var(--text-primary);font-size:.98rem;line-height:1.55}.cj-count{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:.25rem;letter-spacing:.04em}.cj-broken .cj-caption{border-left:3px solid var(--accent-fill);padding-left:.75rem}.cj-done .cj-caption{border-left:3px solid var(--status-live);padding-left:.75rem}.cj-controls{display:flex;gap:.5rem}.cj-btn{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.92rem;cursor:pointer}.cj-btn:disabled{opacity:.45;cursor:default}.cj-play{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700;min-width:6rem}@media (max-width:560px){.cj-rail{left:13px;right:auto;top:14px;bottom:14px;width:3px;height:auto}.cj-rail-fill{width:100%;height:calc(var(--cj-progress) * 100%);transition:height .6s cubic-bezier(.4,0,.2,1)}.cj-stages,.lesson .cj-stages{grid-template-columns:1fr;gap:.55rem}.cj-stage{display:grid;grid-template-columns:28px auto 1fr;align-items:center;grid-column-gap:.6rem;column-gap:.6rem;text-align:left}.cj-dot{margin:0}.cj-sub{justify-self:start}.cj-checks{grid-column:2/-1;flex-direction:row;flex-wrap:wrap;margin-top:.25rem}.cj-caption{min-height:8.5rem}}@media (prefers-reduced-motion:reduce){.cj-dot,.cj-rail-fill,.cj-stage{transition:none}.cj-check.running,.cj-stage.running .cj-dot{animation:none;transform:none}}.te-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.te-event{text-align:left;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.92rem;line-height:1.35;cursor:pointer}.te-event[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.te-result{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border)}.lesson .te-jobs,.te-jobs{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;margin:0 0 .9rem;padding:0}.post-body .te-jobs>li,.te-jobs>li{margin:0}.te-jobs>li::marker,.te-jobs>li:before{content:none}.te-job{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.45rem .25rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);text-align:center}.te-job-name{font-size:.75rem;color:var(--text-primary)}.te-job-state{font-size:.82rem}.te-job.te-runs{border-color:var(--status-live)}.te-job.te-runs .te-job-state{color:var(--status-live);font-weight:700}.te-job.te-partial{border-color:var(--accent-fill)}.te-job.te-partial .te-job-state{color:var(--accent);font-weight:700}.te-job.te-none{opacity:.5}.te-job.te-none .te-job-state{color:var(--text-muted)}.te-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;margin:0 0 .5rem}.te-row .widget-fact-label{display:inline;min-width:9.5rem}.te-tag{font-size:.8rem}.te-none{color:var(--text-muted);font-size:.9rem}.te-why{margin:.75rem 0 .5rem;color:var(--text-primary)}.te-jenkins{margin:0;color:var(--text-secondary);font-size:.95rem}@media (max-width:560px){.te-events{grid-template-columns:1fr}.lesson .te-jobs,.te-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}}.gs-controls{display:grid;grid-gap:.85rem;gap:.85rem}.gs-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.gs-chip{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);cursor:pointer}.gs-chip.mono{font-family:var(--mono);font-size:.78rem}.gs-chip[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.gs-jobs,.lesson .gs-jobs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px;margin:1.1rem 0 .9rem;padding:0}.gs-jobs>li,.post-body .gs-jobs>li{margin:0}.gs-jobs>li::marker,.gs-jobs>li:before{content:none}.gs-job{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .25rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);text-align:center}.gs-mark{font-weight:700}.gs-name{font-size:.78rem;color:var(--text-primary)}.gs-state{font-size:.85rem;font-weight:700}.gs-job.passed,.gs-job.runs{border-color:var(--status-live);color:var(--status-live)}.gs-job.failed{background:var(--accent-fill);border-color:var(--accent-fill)}.gs-job.failed,.gs-job.failed .gs-name{color:var(--on-accent)}.gs-job.skipped{opacity:.5;color:var(--text-muted)}.gs-job.runs.bad{border:2px dashed var(--accent-fill);color:var(--accent)}.gs-verdict{margin:0 0 .5rem;padding-left:.75rem;border-left:3px solid var(--status-live)}.gs-verdict.held{border-left-color:var(--status-live)}.gs-verdict.bad{border-left-color:var(--accent-fill)}.gs-jenkins{margin:0;color:var(--text-secondary);font-size:.95rem}.tt-registry{padding-bottom:.9rem;border-bottom:1px dashed var(--border)}.lesson .tt-tags,.tt-tags{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-gap:.35rem;gap:.35rem}.post-body .tt-tags>li,.tt-tags>li{margin:0}.tt-tags>li::marker,.tt-tags>li:before{content:none}.tt-tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.tt-sha{font-size:.82rem}.tag-timeline code.tt-latest{font-size:.78rem;background:var(--accent-fill);color:var(--on-accent);padding:.1rem .45rem;border-radius:999px;font-weight:700}.tt-note{font-size:.88rem;color:var(--text-secondary)}.tt-servers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:.9rem 0}.tt-server{border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);padding:.6rem .75rem}.tt-server p{margin:0}.tt-server-name{font-weight:700;color:var(--text-primary)}.tt-asks{font-size:.88rem;color:var(--text-secondary)}.tag-timeline .tt-runs{margin-top:.3rem!important;font-size:.95rem;color:var(--status-live);font-weight:700}.tag-timeline .tt-runs.bad{color:var(--accent)}.tt-log{min-height:4.5rem;margin:0 0 .85rem;color:var(--text-primary)}.tt-controls{display:flex;flex-wrap:wrap;gap:.5rem}.tt-btn{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.92rem;cursor:pointer}.tt-btn:disabled{opacity:.45;cursor:default}.tt-primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}@media (max-width:480px){.tt-servers{grid-template-columns:1fr}.tt-log{min-height:6.5rem}}.lesson .ss-items,.ss-items{list-style:none;margin:0;padding:0;display:grid;grid-gap:.9rem;gap:.9rem}.post-body .ss-items>li,.ss-items>li{margin:0}.ss-items>li::marker,.ss-items>li:before{content:none}.ss-item{padding-bottom:.9rem;border-bottom:1px dashed var(--border)}.ss-text{margin:0 0 .45rem;color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}.ss-choices{display:flex;flex-wrap:wrap;gap:.4rem}.ss-choice{padding:.3rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.88rem;cursor:pointer}.ss-choice.right{background:var(--status-live);border-color:var(--status-live);color:var(--bg-primary);font-weight:700}.ss-choice.wrong{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.ss-choice.answer{border:2px dashed var(--status-live)}.ss-why{margin:.5rem 0 0;color:var(--text-secondary);font-size:.95rem}.ss-score{margin:.75rem 0 0;color:var(--text-muted);font-size:.9rem}.rq-modes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.rq-mode{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);cursor:pointer}.rq-mode[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.rq-chart{position:relative;padding:1.4rem 0 .2rem 4.6rem}.rq-axis{position:absolute;top:0;left:4.6rem;right:0;height:1.1rem}.rq-tick{position:absolute;transform:translateX(-50%);font-family:var(--mono);font-size:.68rem;color:var(--text-muted)}.rq-tick:last-child{transform:translateX(-100%)}.rq-tick:first-child{transform:none}.rq-row{position:relative;height:1.9rem;margin-bottom:.4rem}.rq-name{position:absolute;left:-4.6rem;top:.35rem;font-size:.82rem;color:var(--text-primary)}.rq-lane{position:absolute;inset:0;border-radius:6px;background:var(--bg-primary);border:1px solid var(--border)}.rq-bar,.rq-wait{position:absolute;top:.3rem;bottom:.3rem;border-radius:4px}.rq-bar.done{background:var(--status-live)}.rq-bar.cancelled,.rq-bar.replaced{background:var(--accent-fill)}.rq-wait{background:repeating-linear-gradient(135deg,var(--border) 0 4px,transparent 4px 8px)}.rq-flag{position:absolute;top:.32rem;margin-left:.3rem;font-size:.72rem;color:var(--accent);font-weight:700;white-space:nowrap}.rq-flag.done{color:var(--status-live)}.rq-track{top:1.2rem;left:4.6rem;right:0;pointer-events:none}.rq-cursor,.rq-track{position:absolute;bottom:0}.rq-cursor{top:0;width:2px;background:var(--text-muted);opacity:.6}.rq-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:.4rem 0 .9rem;font-size:.8rem;color:var(--text-muted)}.rq-key{display:inline-block;width:.9rem;height:.6rem;border-radius:2px;vertical-align:middle;margin-right:.25rem}.rq-key.run{background:var(--status-live)}.rq-key.wait{background:repeating-linear-gradient(135deg,var(--border) 0 3px,transparent 3px 6px);border:1px solid var(--border)}.rq-key.cancelled{background:var(--accent-fill)}.rq-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:0 0 .75rem}.rq-facts>div{border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);padding:.5rem .75rem}.run-queue .rq-facts dt{margin:0;font-weight:400;color:var(--text-muted)}.run-queue .rq-facts dd{margin:.15rem 0 0;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rq-say{margin:0 0 .4rem;color:var(--text-primary);min-height:3rem}.rq-jenkins{margin:0 0 .85rem;color:var(--text-secondary);font-size:.95rem}.rq-play{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--accent-fill);background:var(--accent-fill);color:var(--on-accent);font-family:var(--serif);font-size:.92rem;font-weight:700;cursor:pointer}.rq-play:disabled{opacity:.6;cursor:default}@media (max-width:480px){.rq-chart{padding-left:3.6rem}.rq-axis,.rq-track{left:3.6rem}.rq-name{left:-3.6rem;font-size:.75rem}.rq-facts{grid-template-columns:1fr}.rq-say{min-height:4.5rem}}.tm-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tm-btn{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.92rem;cursor:pointer}.tm-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.tm-btn:disabled{opacity:.45;cursor:default}.tm-tags{padding-bottom:.9rem;border-bottom:1px dashed var(--border)}.lesson .tm-taglist,.tm-taglist{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-gap:.35rem;gap:.35rem}.post-body .tm-taglist>li,.tm-taglist>li{margin:0}.tm-taglist>li::marker,.tm-taglist>li:before{content:none}.tm-tag{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;font-size:.88rem}.tm-tag code{font-size:.8rem}.tm-tag.evil code{color:var(--accent);font-weight:700}.tm-tag.fix code{color:var(--status-live);font-weight:700}.tm-taglabel{color:var(--text-secondary);font-size:.85rem}.lesson .tm-flows,.tm-flows{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:.9rem 0;padding:0}.post-body .tm-flows>li,.tm-flows>li{margin:0}.tm-flows>li::marker,.tm-flows>li:before{content:none}.tm-flow{display:flex;flex-direction:column;gap:.3rem;min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);padding:.6rem .75rem}.tm-ref{font-size:.74rem;overflow-wrap:anywhere}.tm-note{font-size:.82rem;color:var(--text-muted)}.tm-runs{font-weight:700;font-size:.92rem;color:var(--status-live)}.tm-flow.evil{border:2px solid var(--accent-fill)}.tm-flow.evil .tm-runs{color:var(--accent)}.tm-say{margin:0;color:var(--text-primary);min-height:4.5rem}@media (max-width:560px){.lesson .tm-flows,.tm-flows{grid-template-columns:1fr}.tm-say{min-height:7rem}}.dp-ways{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.dp-way{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);cursor:pointer}.dp-way[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.dp-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin-bottom:.9rem}.dp-box{min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);padding:.6rem .75rem}.dp-box p{margin:0}.dp-box.same{border:2px solid var(--status-live)}.dp-box.diff{border:2px solid var(--accent-fill)}.dp-ref{margin-top:.25rem!important;display:flex;flex-wrap:wrap;gap:.3rem}.dp-ref code{font-size:.78rem}.dp-note{margin-top:.3rem!important;font-size:.85rem;color:var(--text-secondary)}.dp-verdict{margin-top:.4rem!important;font-weight:700;font-size:.92rem}.dp-box.same .dp-verdict{color:var(--status-live)}.dp-box.diff .dp-verdict{color:var(--accent)}.dp-say{margin:0 0 .85rem;min-height:4.5rem}.dp-roll,.dp-say{color:var(--text-primary)}.dp-roll{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);font-family:var(--serif);font-size:.92rem;cursor:pointer}.dp-roll[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}@media (max-width:520px){.dp-pair{grid-template-columns:1fr}.dp-say{min-height:6.5rem}}.wd-where{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.wd-btn{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);cursor:pointer}.wd-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.wd-count{margin:0 0 .8rem;color:var(--text-primary)}.lesson .wd-list,.wd-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.45rem;gap:.45rem}.post-body .wd-list>li,.wd-list>li{margin:0}.wd-list>li::marker,.wd-list>li:before{content:none}.wd-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.15rem .75rem;gap:.15rem .75rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.wd-task{font-weight:600;color:var(--text-primary);min-width:0}.wd-owner{font-weight:700;font-size:.85rem;align-self:start;padding:.05rem .55rem;border-radius:999px}.wd-item.you .wd-owner{background:var(--accent-fill);color:var(--on-accent)}.wd-item.them .wd-owner{border:1px solid var(--status-live);color:var(--status-live)}.wd-note{grid-column:1/-1;font-size:.88rem;color:var(--text-secondary)}.nw-prompts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.nw-btn{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);cursor:pointer}.nw-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.nw-btn:disabled{opacity:.5;cursor:default}.nw-sentence{font-size:1.15rem;margin:0 0 .8rem;color:var(--text-primary)}.nw-blank{color:var(--text-muted);letter-spacing:.1em}.nw-next{font-weight:700;color:var(--accent);border-bottom:2px solid var(--accent-fill)}.lesson .nw-bars,.nw-bars{list-style:none;margin:0 0 .9rem;padding:0;display:grid;grid-gap:.3rem;gap:.3rem}.nw-bars>li,.post-body .nw-bars>li{margin:0;display:grid;grid-template-columns:6.5rem minmax(0,1fr) 3rem;grid-gap:.6rem;gap:.6rem;align-items:center;padding:.1rem .3rem;border-radius:6px}.nw-bars>li::marker,.nw-bars>li:before{content:none}.nw-bars>li.picked{background:var(--accent-glow)}.nw-word{font-family:var(--mono);font-size:.85rem;color:var(--text-primary);overflow-wrap:anywhere}.nw-track{height:.7rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);overflow:hidden}.nw-fill{display:block;height:100%;background:var(--accent-fill);transition:width .25s ease}.nw-pct{font-family:var(--mono);font-size:.8rem;text-align:right;color:var(--text-secondary)}.nw-temp{display:grid;grid-gap:.25rem;gap:.25rem;margin-bottom:.9rem;max-width:26rem}.nw-temp label{color:var(--text-primary)}.nw-temp input{width:100%;accent-color:var(--accent-fill)}.nw-temp-ends{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted)}.nw-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.nw-go{padding:.45rem 1rem;border-radius:8px;border:1px solid var(--accent-fill);background:var(--accent-fill);color:var(--on-accent);font-family:var(--serif);font-weight:700;font-size:.95rem;cursor:pointer}.nw-tally{margin:0 0 .6rem;color:var(--text-primary);min-height:1.6rem}.nw-note{margin:0 0 .4rem;color:var(--text-secondary);font-size:.92rem}.nw-fine{margin:0;color:var(--text-muted);font-size:.8rem}@media (prefers-reduced-motion:reduce){.nw-fill{transition:none}}@media (max-width:520px){.nw-bars>li,.post-body .nw-bars>li{grid-template-columns:5.5rem minmax(0,1fr) 2.6rem}}.rd-sets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}.rd-btn{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.rd-mono{font-family:var(--mono);font-size:.8rem}.rd-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.lesson .rd-lines,.rd-lines{list-style:none;margin:0 0 .8rem;padding:0;display:grid;grid-gap:.3rem;gap:.3rem}.post-body .rd-lines>li,.rd-lines>li{margin:0}.rd-lines>li::marker,.rd-lines>li:before{content:none}.rd-line{width:100%;text-align:left;font-family:var(--mono);font-size:.82rem;padding:.35rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}.rd-line[aria-pressed=true]{border-color:var(--accent-fill);background:var(--accent-glow)}.rd-note{margin:0;color:var(--text-primary);min-height:3.2rem}.wf-sizes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.wf-btn{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);cursor:pointer}.wf-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.lesson .wf-list,.wf-list{list-style:none;margin:0 0 .8rem;padding:0;display:grid;grid-gap:.55rem;gap:.55rem}.post-body .wf-list>li,.wf-list>li{margin:0}.wf-list>li::marker,.wf-list>li:before{content:none}.wf-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;grid-template-areas:"name name verdict" "track track mem";grid-gap:.25rem .75rem;gap:.25rem .75rem;align-items:center;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.wf-name{grid-area:name;min-width:0;overflow-wrap:anywhere}.wf-detail,.wf-name code{font-size:.82rem}.wf-detail{color:var(--text-secondary)}.wf-track{grid-area:track;height:.65rem;border-radius:999px;background:var(--bg-primary);border:1px solid var(--border);overflow:hidden}.wf-fill{display:block;height:100%;transition:width .25s ease}.wf-mem{grid-area:mem;font-family:var(--mono);font-size:.78rem;color:var(--text-secondary);text-align:right}.wf-verdict{grid-area:verdict;font-size:.82rem;font-weight:700;text-align:right}.wf-row.fits .wf-fill{background:var(--status-live)}.wf-row.fits .wf-verdict{color:var(--status-live)}.wf-row.tight .wf-fill{background:var(--status-progress)}.wf-row.tight .wf-verdict{color:var(--status-progress)}.wf-row.no .wf-fill{background:var(--accent-fill)}.wf-row.no .wf-verdict{color:var(--accent)}.wf-fine{margin:0;color:var(--text-muted);font-size:.8rem}@media (prefers-reduced-motion:reduce){.wf-fill{transition:none}}@media (max-width:520px){.wf-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "verdict verdict" "track mem"}.wf-verdict{text-align:left}}.rb-controls{gap:.6rem 1.4rem;margin-bottom:.8rem}.rb-controls,.rb-group{display:flex;flex-wrap:wrap}.rb-group{align-items:center;gap:.4rem}.rb-name{color:var(--text-secondary);margin-right:.2rem}.rb-btn,.rb-name{font-family:var(--mono);font-size:.82rem}.rb-btn{padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.rb-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.rb-json{margin:0 0 .8rem;padding:.7rem .9rem;border:1px solid var(--code-border);border-radius:8px;background:var(--code-bg);overflow-x:auto}.rb-json code{font-family:var(--mono);font-size:.8rem;line-height:1.5;white-space:pre;background:none;padding:0}.rb-json code,.rb-note{color:var(--text-primary)}.rb-note{margin:0 0 .5rem;font-size:.95rem}.rb-note:last-child{margin-bottom:0}.pl-names{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}.pl-btn{font-family:var(--mono);font-size:.8rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.pl-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.pl-prompt{border:1px solid var(--code-border);border-radius:8px;background:var(--code-bg);padding:.6rem .8rem;margin-bottom:.8rem;display:grid;grid-gap:.5rem;gap:.5rem}.pl-prompt p{margin:0;font-family:var(--mono);font-size:.78rem;line-height:1.5;white-space:pre-wrap;color:var(--text-primary);overflow-wrap:anywhere}.pl-prompt span{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.15rem}.pl-score{margin:0 0 .7rem;color:var(--text-primary)}.lesson .pl-list,.pl-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.3rem;gap:.3rem}.pl-list>li,.post-body .pl-list>li{margin:0}.pl-list>li::marker,.pl-list>li:before{content:none}.pl-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr) auto;grid-gap:.6rem;gap:.6rem;align-items:center;padding:.35rem .6rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.9rem}.pl-town{font-weight:600}.pl-got,.pl-town{color:var(--text-primary)}.pl-got{font-family:var(--mono);font-size:.8rem;overflow-wrap:anywhere}.pl-mark{font-size:.78rem;font-weight:700;text-align:right}.pl-row.ok .pl-mark{color:var(--status-live)}.pl-row.form .pl-mark,.pl-row.none .pl-mark{color:var(--status-progress)}.pl-row.wrong{border-color:var(--accent-fill)}.pl-row.sentence .pl-mark,.pl-row.wrong .pl-mark{color:var(--accent)}@media (max-width:520px){.pl-row{grid-template-columns:minmax(0,1fr) auto}.pl-got{grid-column:1/-1;grid-row:2}}.cw-controls{gap:.6rem 1.4rem;margin-bottom:.9rem}.cw-controls,.cw-group{display:flex;flex-wrap:wrap}.cw-group{align-items:center;gap:.4rem}.cw-name{color:var(--text-secondary);margin-right:.2rem}.cw-btn,.cw-name{font-family:var(--mono);font-size:.82rem}.cw-btn{padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.cw-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.cw-strip{display:flex;gap:.3rem;align-items:stretch;height:2.4rem;margin-bottom:.4rem}.cw-instr{flex:0 0 2.4rem;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--accent-fill);color:var(--on-accent);font-weight:700;font-family:var(--mono)}.cw-instr.lost{color:var(--text-muted);text-decoration:line-through;border:1px dashed var(--border)}.cw-instr.lost,.cw-page{background:var(--bg-elevated)}.cw-page{position:relative;flex:1 1 auto;border-radius:6px;border:1px solid var(--border);overflow:hidden}.cw-name-mark{position:absolute;left:3%;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:.72rem;padding:.1rem .4rem;border-radius:4px;background:var(--status-live);color:#fff;z-index:3}.cw-name-mark.lost{background:var(--bg-secondary);color:var(--text-muted);border:1px dashed var(--border);text-decoration:line-through}.cw-lost{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.75rem;background:repeating-linear-gradient(135deg,var(--bg-secondary) 0 6px,var(--border) 6px 12px);transition:width .25s ease}.cw-legend,.cw-lost{color:var(--text-muted)}.cw-legend{margin:0 0 .8rem;font-size:.82rem}.cw-result{margin:0 0 .4rem;color:var(--text-primary)}.cw-answer{font-family:var(--mono);font-size:.88rem;font-weight:700}.cw-answer.ok{color:var(--status-live)}.cw-answer.none{color:var(--status-progress)}.cw-answer.bad{color:var(--accent)}.cw-note{margin:0;color:var(--text-secondary);font-size:.92rem;min-height:3rem}@media (prefers-reduced-motion:reduce){.cw-lost{transition:none}}.sl-how{margin:0 0 .6rem;font-size:.9rem;color:var(--text-secondary)}.ck-controls{gap:.6rem 1.4rem;margin-bottom:.8rem}.ck-controls,.ck-group{display:flex;flex-wrap:wrap}.ck-group{align-items:center;gap:.4rem}.ck-name{font-family:var(--mono);font-size:.82rem;color:var(--text-secondary);margin-right:.2rem}.ck-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.ck-head{margin:0 0 .4rem;font-size:.85rem;font-weight:700;color:var(--text-secondary)}.check-lab .pl-row{grid-template-columns:minmax(0,1fr) auto;gap:.15rem .6rem;font-size:.85rem}.check-lab .pl-got{grid-column:1/-1;grid-row:2}@media (max-width:720px){.ck-cols{grid-template-columns:1fr}}.injection-lab .pl-row{grid-template-columns:12rem minmax(0,1fr) 8.5rem}.ij-how,.ij-note{display:block;font-size:.75rem;font-weight:400;color:var(--text-muted)}.ij-note{font-family:var(--sans,inherit);margin-top:.1rem}.injection-lab .cw-legend{margin-top:.7rem}@media (max-width:600px){.injection-lab .pl-row{grid-template-columns:minmax(0,1fr) auto}}.sc-controls{flex-direction:column;gap:.5rem}.suite-compare .pl-row{grid-template-columns:11rem minmax(0,1fr) 5rem}.sc-verdict{margin:.8rem 0 0;padding:.5rem .7rem;border-radius:6px;border:1px solid var(--border)}.sc-verdict.ok strong{color:var(--status-live)}.sc-verdict.stop{border-color:var(--accent-fill)}.sc-verdict.stop strong{color:var(--accent)}@media (max-width:600px){.suite-compare .pl-row{grid-template-columns:minmax(0,1fr) auto}}.rl-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.7rem}.rl-pick select{font:inherit;font-size:.88rem;max-width:100%;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary)}.rag-lab .pl-row{grid-template-columns:10rem minmax(0,1fr) 5.5rem}.rl-reply{font-family:inherit;font-size:.85rem}@media (max-width:600px){.rag-lab .pl-row{grid-template-columns:minmax(0,1fr) auto}}.job-lab .ck-group{margin-bottom:.9rem}.jl-steps,.lesson .jl-steps{list-style:none;margin:0 0 .8rem;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:.35rem;gap:.35rem}.jl-steps>li::marker,.jl-steps>li:before{content:none}.jl-step,.post-body .jl-steps>li{margin:0;padding:.45rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);text-align:center}.jl-step span{display:block;font-family:var(--mono);font-size:.78rem;color:var(--text-primary)}.jl-step small{display:block;font-size:.7rem;color:var(--text-muted)}.jl-step.passed small{color:var(--status-live);font-weight:700}.jl-step.stopped{border-color:var(--accent-fill)}.jl-step.stopped small{color:var(--accent);font-weight:700}.jl-step.skipped{opacity:.55}.jl-log{margin:0;padding:.6rem .8rem;border-radius:8px;border:1px solid var(--code-border);background:var(--code-bg);font-family:var(--mono);font-size:.75rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary)}@media (max-width:600px){.jl-steps,.lesson .jl-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.cost-calc .ck-group{margin-bottom:.4rem}.cc-ranges{display:grid;grid-gap:.5rem;gap:.5rem;margin:.6rem 0}.cc-range{display:grid;grid-template-columns:9rem minmax(0,1fr) 11rem;align-items:center;grid-gap:.6rem;gap:.6rem}.cc-range input{width:100%;accent-color:var(--accent-fill)}.cc-range output{font-family:var(--mono);font-size:.82rem;color:var(--text-primary)}.cc-check{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-secondary);margin-bottom:.7rem}.cost-calc .cc-row{grid-template-columns:11rem minmax(0,1fr) 9rem}@media (max-width:600px){.cc-range{grid-template-columns:minmax(0,1fr) auto}.cc-range input{grid-column:1/-1;grid-row:2}.cost-calc .cc-row{grid-template-columns:minmax(0,1fr) auto}}.linux-layers .ck-group{margin-bottom:.9rem}.lesson .ll-stack,.ll-stack{list-style:none;margin:0 0 .6rem;padding:0;display:grid;grid-gap:.3rem;gap:.3rem}.ll-stack>li::marker,.ll-stack>li:before{content:none}.ll-layer,.post-body .ll-stack>li{margin:0;display:grid;grid-template-columns:9rem minmax(0,1fr);grid-gap:.8rem;gap:.8rem;align-items:center;padding:.55rem .8rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated)}.ll-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.ll-value{font-family:var(--mono);font-size:.85rem;color:var(--text-primary);overflow-wrap:anywhere}.ll-kernel{border-color:var(--accent-fill)}@media (max-width:600px){.ll-layer,.post-body .ll-stack>li{grid-template-columns:1fr;gap:.15rem}}.fm-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:.35rem;gap:.35rem;margin-bottom:.8rem}.fm-btn{font-family:var(--mono);font-size:.8rem;padding:.45rem .2rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.fm-btn[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:700}.fm-card{border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);padding:.8rem 1rem}.fm-title{margin:0 0 .5rem;display:flex;align-items:baseline;gap:.6rem}.fm-title code{font-size:1rem}.fm-title span{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.fm-card dl{margin:0;display:grid;grid-template-columns:10rem minmax(0,1fr);grid-gap:.35rem .8rem;gap:.35rem .8rem}.fm-card dt,.post-body .fm-card dl dt{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin:0}.fm-card dd,.post-body .fm-card dl dd{margin:0;font-size:.92rem;color:var(--text-primary)}@media (max-width:600px){.fm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fm-card dl{grid-template-columns:1fr}}.quiz{border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);padding:1.1rem 1.4rem}.quiz ol{margin:0;padding-left:1.3rem;display:grid;grid-gap:1.1rem;gap:1.1rem}.quiz-question{font-weight:600;color:var(--text-primary);margin:0}.quiz details{margin-top:.35rem}.quiz summary{cursor:pointer;color:var(--accent);font-size:.95rem;width:-moz-fit-content;width:fit-content}.quiz summary:hover{color:var(--accent-hover);text-decoration:underline}.quiz-answer{margin-top:.4rem;padding:.6rem .9rem;border:1px solid rgba(232,113,58,.35);background:var(--accent-glow);border-radius:8px}.quiz-answer p{margin:0}.mc-question{font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.mc-options{display:grid;grid-gap:.45rem;gap:.45rem}.mc-opt{display:flex;align-items:flex-start;gap:.6rem;width:100%;text-align:left;padding:.6rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:var(--serif);font-size:.98rem;line-height:1.45;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.mc-opt:hover:not(:disabled){border-color:var(--accent)}.mc-opt:disabled{cursor:default}.mc-opt code{font-size:.85em}.mc-mark{flex:none;width:1.2rem;height:1.2rem;margin-top:.1rem;border-radius:50%;border:1.5px solid var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.mc-opt.is-correct{border-color:var(--status-live);background:color-mix(in srgb,var(--status-live) 9%,var(--bg-primary))}.mc-opt.is-correct .mc-mark{border-color:var(--status-live);background:var(--status-live);color:#fff}.mc-opt.is-wrong{border-color:#b42318;background:color-mix(in srgb,#b42318 8%,var(--bg-primary))}.mc-opt.is-wrong .mc-mark{border-color:#b42318;background:#b42318;color:#fff}.mc-opt:disabled:not(.is-correct):not(.is-wrong){opacity:.6}.mc-why{margin-top:.15rem;padding:.6rem .9rem;border:1px solid rgba(232,113,58,.35);background:var(--accent-glow);border-radius:8px;font-size:.95rem}.mc-retry{margin-top:.5rem;background:none;border:none;padding:0;color:var(--accent);font-family:var(--serif);font-size:.9rem;cursor:pointer}.mc-retry:hover{text-decoration:underline}@media print{.mc-retry{display:none}}.back-to-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--serif);font-size:.9rem;box-shadow:var(--shadow);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.back-to-top.show{opacity:1;transform:none;pointer-events:auto}.back-to-top:hover{border-color:var(--accent);color:var(--accent)}@media (prefers-reduced-motion:reduce){.back-to-top{transition:none}}@media (max-width:640px){.back-to-top{right:.75rem;bottom:.75rem;padding:.6rem}.back-to-top .label{display:none}}.print-row{margin-top:var(--space-sm)}.print-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--serif);font-size:.9rem;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.print-btn:hover{border-color:var(--accent);color:var(--accent)}.print-source{display:none}@media print{:root,:root:not([data-theme=light]),:root[data-theme=dark]{--bg-primary:#ffffff!important;--bg-secondary:#ffffff!important;--bg-elevated:#f0eeeb!important;--border:#d6d1ca!important;--text-primary:#000000!important;--text-secondary:#2b2925!important;--text-muted:#4a4640!important;--accent:#8a3c0e!important;--code-bg:#f5f3f0!important;--code-border:#d6d1ca!important}@page{margin:16mm 14mm}:root{color-scheme:light!important}body,html{background:#ffffff!important;color:#000000}.guide-grid,.topic-grid,.track-list{display:block}.guide-card,.topic-card,.track-list li{margin-bottom:.5rem}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.back-to-top,.breadcrumb,.copy-btn,.lesson-nav,.other-topics,.print-btn,.print-row,.site-footer,.site-header,.skip-link,.theme-toggle,.toc,nextjs-portal{display:none!important}.container,.site-wrapper{max-width:none;padding:0}.page-bottom{padding-bottom:0}.feature-banner,.guide-card,.topic-card,.track-card{box-shadow:none!important;transform:none!important}.analogy,.callout,.code-block,.guide-card,.post-body figure,.post-body pre,.quiz-q,.resource-row,.track-list li{page-break-inside:avoid;break-inside:avoid}.post-body pre{white-space:pre-wrap;word-break:break-word}.post-body .wide{width:100%;margin-left:0;transform:none}.post-body .scroll svg{min-width:0}h1,h2,h3{page-break-after:avoid;break-after:avoid}.resource-row h3 a:after,.topic-links a:after{content:" (" attr(href) ")";font-size:.8em;color:var(--text-muted)}.post-body a[href^=http]:after{content:" (" attr(href) ")";font-size:.85em;color:var(--text-muted)}.post-body a[href^=http] .visually-hidden{display:none}.print-source{display:block;page-break-before:avoid;break-before:avoid;margin-top:1.5rem;padding-top:.75rem;border-top:1px solid var(--border);font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}}