@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-latin-400-normal.CDDApCn2.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-400-normal.CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-sans-latin-500-normal.6ng42L7E.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-500-normal.BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-latin-600-normal.CuJfVYMP.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-600-normal.Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff)format("woff")}:root{color-scheme:light;--bg:#f3f4f3;--surface:#fbfbfa;--surface-2:#e9ecec;--ink:#1b2227;--ink-2:#435058;--muted:#5b666e;--line:#d9dede;--line-2:#c2cacc;--accent:#2c6776;--accent-soft:#dcebee;--on-accent:#fff;--focus:#1d5fd1;--c-software:#4f64a8;--c-infra:#3d7d68;--c-network:#9a6a2a;--c-writing:#7a5d8e;--c-learning:#a0556a;--lane:#1b222709;--shadow:0 1px 2px #141e230f, 0 8px 24px -12px #141e231f;--sans:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--wrap:1240px;--gutter:clamp(16px, 4vw, 40px);--measure:66ch;--radius:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#14181c;--surface:#1b2025;--surface-2:#232a31;--ink:#e4e8ea;--ink-2:#b6bfc5;--muted:#8f9aa1;--line:#2a3239;--line-2:#3b464e;--accent:#78b8c8;--accent-soft:#1f3037;--on-accent:#0f1a1e;--focus:#8ab4ff;--c-software:#8fa2e2;--c-infra:#79c1a8;--c-network:#d8a665;--c-writing:#bb9ece;--c-learning:#dc90a3;--lane:#e4e8ea09;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080}}:root[data-theme=dark]{color-scheme:dark;--bg:#14181c;--surface:#1b2025;--surface-2:#232a31;--ink:#e4e8ea;--ink-2:#b6bfc5;--muted:#8f9aa1;--line:#2a3239;--line-2:#3b464e;--accent:#78b8c8;--accent-soft:#1f3037;--on-accent:#0f1a1e;--focus:#8ab4ff;--c-software:#8fa2e2;--c-infra:#79c1a8;--c-network:#d8a665;--c-writing:#bb9ece;--c-learning:#dc90a3;--lane:#e4e8ea09;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}body{background:var(--bg);color:var(--ink);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;display:flex;overflow-x:hidden}main{flex:1}img,svg{max-width:100%}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.2}h1{letter-spacing:-.025em;font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.45rem,3vw,1.9rem)}h3{font-size:1.15rem}p{margin:0 0 1em}code,kbd,.mono{font-family:var(--mono);font-size:.92em}kbd{border:1px solid var(--line-2);background:var(--surface);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:.78em}.muted{color:var(--muted)}.small{font-size:.875rem}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.skip{background:var(--ink);color:var(--bg);z-index:50;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.eyebrow{font:500 .75rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.section{padding:clamp(40px,7vw,84px) 0}.section+.section{border-top:1px solid var(--line)}.section-head{max-width:62ch;margin-bottom:28px}.section-head p{color:var(--ink-2);margin-top:10px}.lede{color:var(--ink-2);max-width:56ch;font-size:clamp(1.1rem,2vw,1.3rem)}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent)}.site-header .wrap{align-items:center;gap:20px;min-height:64px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand .us{font-family:var(--mono);color:var(--accent)}.brand svg{width:28px;height:28px}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a.navlink{color:var(--ink-2);border-radius:8px;padding:8px 12px;font-size:.95rem;text-decoration:none}.nav a.navlink:hover{background:var(--surface-2);color:var(--ink)}.nav a.navlink[aria-current=page]{color:var(--ink);background:var(--surface-2);font-weight:500}.theme-btn{appearance:none;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;margin-left:6px;display:grid}.theme-btn:hover{color:var(--ink);border-color:var(--muted)}.theme-btn svg{width:18px;height:18px}.menu-btn{display:none}@media (width<=820px){.site-header .wrap{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.menu-btn{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);height:40px;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:0 14px;display:inline-flex}.nav{flex-direction:column;order:3;align-items:stretch;width:100%;margin-left:0;padding:8px 0 12px;display:none}.nav.open{display:flex}.nav a.navlink{padding:12px;font-size:1.05rem}.theme-btn{align-self:flex-start;width:44px;height:44px;margin:6px 0 0}.no-js .menu-btn{display:none}.no-js .nav{flex-flow:wrap;display:flex}}.site-footer{border-top:1px solid var(--line);color:var(--ink-2);margin-top:64px;padding:36px 0 48px;font-size:.92rem}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr);gap:28px;display:grid}.footer-grid h2{font:500 .75rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.footer-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-grid a{color:var(--ink-2)}@media (width<=700px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>:first-child{grid-column:1/-1}}.btn{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{filter:brightness(1.08)}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.chip{appearance:none;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);min-height:36px;font:500 .85rem var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.chip:hover{border-color:var(--muted);color:var(--ink)}.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip[aria-pressed=true] .dot,.chip[aria-selected=true] .dot{box-shadow:0 0 0 2px var(--bg)}.dot{background:var(--c,var(--muted));border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}[data-cat=software]{--c:var(--c-software)}[data-cat=infra]{--c:var(--c-infra)}[data-cat=network]{--c:var(--c-network)}[data-cat=writing]{--c:var(--c-writing)}[data-cat=learning]{--c:var(--c-learning)}.badge{font:500 .7rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--ink-2);background:var(--surface);white-space:nowrap;border-radius:6px;padding:4px 8px}.badge.ok{border-color:color-mix(in srgb, var(--c-infra) 55%, var(--line))}.badge.archived{border-style:dashed}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{font:500 .75rem var(--mono);background:var(--surface-2);color:var(--ink-2);border-radius:6px;padding:3px 8px}.hero{padding:clamp(36px,6vw,72px) 0 clamp(24px,4vw,40px)}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,64px);display:grid}.hero h1{margin-bottom:18px}.hero h1 .soft{color:var(--muted)}.hero-note{border-left:2px solid var(--line-2);color:var(--ink-2);padding-left:18px;font-size:.95rem}.hero-note p:last-child{margin:0}@media (width<=860px){.hero-grid{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}a.card:hover{border-color:var(--c,var(--accent));text-decoration:none;transform:translateY(-1px)}.card:before{content:"";background:var(--c,var(--line-2));border-radius:0 3px 3px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.card h3{font-size:1.2rem}.card p{color:var(--ink-2);margin:0;font-size:.95rem}.card .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card .go{color:var(--accent);margin-top:auto;padding-top:8px;font-size:.92rem;font-weight:500}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}@media (width<=820px){.cols-2{grid-template-columns:1fr}}.timeline{border-left:1px solid var(--line-2);margin:0 0 0 5px;padding:0;list-style:none}.timeline li{padding:0 0 22px 24px;position:relative}.timeline li:before{content:"";background:var(--c,var(--muted));width:9px;height:9px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:7px;left:-5px}.timeline time{font:500 .78rem var(--mono);color:var(--muted);margin-bottom:2px;display:block}.timeline p{color:var(--ink-2);margin:2px 0 0}.timeline strong{font-weight:600}.topo{--stage-bg:var(--surface)}.topo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-bottom:10px;display:flex}.topo-filters{flex-wrap:wrap;gap:8px;display:flex}.topo-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.no-js .topo-tools,.no-js .topo-filters,.no-js .topo-inspector{display:none}.topo-find input{appearance:none;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);width:150px;height:36px;font:400 .85rem var(--sans);border-radius:999px;padding:0 14px}.topo-find input:focus-visible{width:190px}.seg{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{appearance:none;color:var(--ink-2);height:34px;font:500 .82rem var(--sans);cursor:pointer;background:0 0;border:0;padding:0 14px}.seg button+button{border-left:1px solid var(--line-2)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.zoom-btn{display:none}.topo-legend{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 18px;margin:0 0 12px;font-size:.8rem;display:flex}.topo-legend .lg{align-items:center;gap:8px;display:inline-flex}.topo-legend svg{fill:none;width:34px;height:12px;stroke:var(--muted);stroke-width:1.6px}.lg-path svg path{stroke-dasharray:7 4}.lg-story svg path{stroke-dasharray:1.5 4;stroke-linecap:round;stroke-width:2.2px}.lg-dashed svg rect{stroke-dasharray:4 3}.topo-stage{background:var(--stage-bg);border:1px solid var(--line);box-shadow:var(--shadow);background-image:radial-gradient(var(--line) 1px, transparent 1px);background-position:11px 11px;background-size:22px 22px;border-radius:16px;padding:12px 10px 8px;display:none;overflow-x:auto}.topo-svg{width:100%;height:auto;display:block}.topo-stage.zoomed .topo-svg{width:auto;min-width:1270px}.topo-inspector{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:190px;margin-top:14px;padding:20px 24px;scroll-margin-bottom:16px}.topo-tip{display:none}@media (width>=1180px){.topo-stage{display:block}.zoom-btn{display:inline-flex}.topo-legend{margin-bottom:10px}}@media (width<=1179px){.topo-legend{display:none}.topo-inspector{margin-top:4px;padding:18px}}.topo .lane{fill:var(--lane)}.topo .lane-label{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;fill:var(--muted)}.topo .gnode{cursor:pointer;outline:none}.topo .gbox{fill:color-mix(in srgb, var(--surface-2) 70%, transparent);stroke:var(--line-2);transition:stroke .15s}.topo .gnode.nested .gbox{fill:color-mix(in srgb, var(--surface) 80%, transparent);stroke-dasharray:2 4}.topo .group-label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--ink-2)}.topo .group-sub{font:400 11px var(--mono);fill:var(--muted)}.topo .gnode:hover .gbox,.topo .gnode.is-container .gbox{stroke:var(--accent)}.topo .gnode.is-active .gbox,.topo .gnode.is-selected .gbox{stroke:var(--accent);stroke-width:2px}.topo .gnode:focus-visible .gbox{stroke:var(--focus);stroke-width:3px}.topo .edge{fill:none;stroke:var(--line-2);stroke-width:1.5px;pointer-events:none;transition:opacity .15s}.topo .edge.k-path{stroke-dasharray:7 4}.topo .edge.k-story{stroke-dasharray:1.5 4.5;stroke-linecap:round;stroke-width:2px}.topo .edge.is-path{stroke:color-mix(in srgb, var(--accent) 55%, var(--line-2));stroke-width:2px}.topo .edge.is-hot{stroke:var(--accent);stroke-width:2.4px;stroke-dasharray:6 6;stroke-linecap:butt;animation:.8s linear infinite flow}.topo.has-active .edge:not(.is-hot):not(.is-path){opacity:.18}.topo .edge.is-filtered{opacity:.08!important}@keyframes flow{to{stroke-dashoffset:-12px}}.topo .node{cursor:pointer;outline:none;transition:opacity .15s}.topo .node .box{fill:var(--surface);stroke:var(--line-2);stroke-width:1px;transition:stroke .15s}.topo .node .stripe,.topo .node .status{fill:var(--c)}.topo .node.dashed .box{stroke-dasharray:4 3;fill:color-mix(in srgb, var(--surface) 60%, transparent)}.topo .node .t-label{font:500 13px var(--sans);fill:var(--ink)}.topo .node .t-sub{font:400 10.5px var(--mono);fill:var(--muted)}.topo .node:hover .box,.topo .node.is-direct .box{stroke:var(--c)}.topo .node.is-path .box{stroke:color-mix(in srgb, var(--c) 55%, var(--line-2))}.topo .node.is-active .box{stroke:var(--c);stroke-width:2px}.topo .node.is-selected .box{stroke:var(--ink);stroke-width:2.2px;fill:var(--surface-2)}.topo.has-active .node:not(.is-active):not(.is-direct):not(.is-path){opacity:.34}.topo.has-active .node.is-path{opacity:.8}.topo .node.is-filtered{opacity:.2!important}.topo .node:focus-visible .box{stroke:var(--focus);stroke-width:3px}.insp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.insp-kind{font:500 .75rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin:0;display:flex}.insp-ctl{gap:4px;display:inline-flex}.insp-close,.insp-back{appearance:none;color:var(--muted);font:500 .85rem var(--sans);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:40px;padding:8px 10px}.insp-close:hover,.insp-back:hover{color:var(--ink);background:var(--surface-2)}.insp-title{margin:8px 0 0;font-size:1.35rem;font-weight:600}.insp-sub{font:400 .85rem var(--mono);color:var(--muted);margin:2px 0 12px}.insp-empty .insp-title{margin:0 0 6px;font-size:1.1rem}.insp-sum{margin:0 0 10px}.insp-main{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:18px 40px;margin-top:4px;display:grid}.insp-actions{margin:14px 0 0}.insp-actions .btn{min-height:42px}.insp-rel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 24px;display:grid}.rel-col h4{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.rel-col .conns-h{margin:12px 0 6px}.rel-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rel-row{appearance:none;text-align:left;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);cursor:pointer;font:inherit;border-radius:10px;gap:3px;min-height:44px;padding:9px 12px;display:grid}.rel-row:hover{border-color:var(--accent)}.rel-top{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.92rem;display:flex}.rel-dir{color:var(--muted);font-family:var(--mono)}.rel-tag{font:400 .72rem var(--mono);color:var(--muted);border:1px solid var(--line-2);border-radius:5px;padding:1px 6px}.rel-why{color:var(--ink-2);font-size:.8rem;line-height:1.45}.chip-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip-list button{appearance:none;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);min-height:36px;font:400 .82rem var(--sans);cursor:pointer;border-radius:8px;padding:6px 10px}.chip-list button:hover{border-color:var(--accent)}.trail{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:18px;padding-top:14px;font-size:.85rem;display:flex}.trail .conns-h{margin:0 4px 0 0}.trail button,.linklike{appearance:none;color:var(--accent);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;min-height:32px;padding:6px 2px;text-decoration:underline}.trail-now{color:var(--ink);font-weight:500}.starts ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.start-btn{appearance:none;text-align:left;border:1px solid var(--line-2);background:var(--bg);width:100%;color:var(--ink);cursor:pointer;min-height:52px;font:inherit;border-radius:10px;gap:2px;padding:10px 14px;display:grid}.start-btn:hover{border-color:var(--accent)}.start-btn span{color:var(--ink-2);font-size:.8rem}.legend{flex-wrap:wrap;gap:8px 24px;margin:16px 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.legend li{align-items:center;gap:8px;display:flex}.facts{color:var(--ink-2);margin:0 0 8px;padding-left:1.1em;font-size:.92rem}.facts li{margin:2px 0}.conns-h{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.conns ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.conns a{border:1px solid var(--line-2);min-height:36px;color:var(--ink);background:var(--bg);border-radius:8px;align-items:baseline;gap:6px;padding:6px 10px;font-size:.85rem;text-decoration:none;display:inline-flex}.conns a:hover{border-color:var(--accent)}.rel{font:400 .75rem var(--mono);color:var(--muted)}@media (width<=1250px) and (width>=1180px){.insp-main{grid-template-columns:1fr}}@media (width<=820px){.insp-main,.insp-rel{grid-template-columns:1fr}}.topo-index{margin-top:16px}.topo-index>summary{cursor:pointer;min-height:44px;color:var(--ink-2);padding:12px 0;font-weight:500}.idx-section{margin-top:18px}.idx-h{font:500 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.idx-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:8px;margin:0;padding:0;list-style:none;display:grid}.idx-list>li[hidden]{display:none}.idx-item{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:10px}.idx-item[open]{border-color:var(--line-2);border-left-color:var(--c)}.idx-item>summary{cursor:pointer;grid-template-columns:9px minmax(0,1fr) auto 18px;align-items:center;gap:0 12px;min-height:52px;padding:10px 14px;list-style:none;display:grid}.idx-item>summary::-webkit-details-marker{display:none}.idx-item>summary .dot{grid-area:1/1/span 2}.idx-item>summary:after{content:"+";text-align:right;font:400 1.1rem var(--mono);color:var(--muted);grid-area:1/4/span 2}.idx-item[open]>summary:after{content:"–"}.idx-name{grid-area:1/2;font-weight:500}.idx-item .badge{grid-area:1/3}.idx-sub{font:400 .78rem var(--mono);color:var(--muted);grid-area:2/2}.idx-body{padding:0 14px 14px;font-size:.93rem}.idx-body p{color:var(--ink-2);margin:0 0 10px}.idx-link{margin:12px 0 0!important}.idx-link .btn{min-height:40px;font-size:.88rem}.topo-index .idx-item:target{box-shadow:0 0 0 2px var(--accent)}.page-head{padding:clamp(36px,6vw,64px) 0 clamp(20px,3vw,32px)}.page-head h1{margin-bottom:14px}.crumbs{font:500 .78rem var(--mono);color:var(--muted);margin-bottom:18px}.crumbs a{color:var(--muted)}.stamp{font:400 .8rem var(--mono);color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:inline-flex}.prose{max-width:var(--measure);font-size:1.1rem;line-height:1.72}.prose h2{margin:2.2em 0 .6em;font-size:1.55rem}.prose h3{margin:1.8em 0 .5em}.prose p,.prose ul,.prose ol{margin:0 0 1.15em}.prose li{margin:.35em 0}.prose blockquote{border-left:3px solid var(--accent);color:var(--ink-2);margin:1.6em 0;padding:4px 0 4px 20px}.prose pre{background:var(--surface);border:1px solid var(--line);font:400 .9rem/1.55 var(--mono);border-radius:10px;padding:16px 18px;overflow-x:auto}.prose code{background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:.88em}.prose pre code{background:0 0;padding:0}.prose .callout{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;margin:1.6em 0;padding:14px 18px;font-size:1rem}.prose .callout p:last-child{margin:0}.article-meta{color:var(--muted);font:400 .82rem var(--mono);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.layout-aside{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.aside{gap:22px;font-size:.92rem;display:grid;position:sticky;top:24px}.aside h2{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.aside ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.aside dl{gap:10px;margin:0;display:grid}.aside dt{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.aside dd{margin:2px 0 0}@media (width<=960px){.layout-aside{grid-template-columns:1fr}.aside{position:static}}.flow{grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;gap:14px;display:grid}.flow.v{grid-auto-flow:row}.flow-box{background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;position:relative}.flow-box h3{margin-bottom:6px;font-size:.98rem}.flow-box p{color:var(--ink-2);margin:0;font-size:.88rem;line-height:1.5}.flow-box .tag{font:500 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}.flow-box[data-cat]{border-top:3px solid var(--c)}.flow:not(.v)>.flow-box:not(:last-child):after{content:"→";background:var(--bg);color:var(--muted);font:400 1rem var(--mono);z-index:1;padding:2px 0;line-height:1;position:absolute;top:50%;right:-14px;transform:translate(50%,-50%)}.flow.v>.flow-box:not(:last-child):after{content:"↓";background:var(--bg);color:var(--muted);font:400 1rem var(--mono);z-index:1;line-height:1;position:absolute;bottom:-14px;left:50%;transform:translate(-50%,50%)}@media (width<=760px){.flow{grid-auto-flow:row}.flow:not(.v)>.flow-box:not(:last-child):after{content:"↓";inset:auto auto -14px 50%;transform:translate(-50%,50%)}}.compare{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=860px){.compare{grid-template-columns:1fr}}.panel{background:color-mix(in srgb, var(--surface) 55%, transparent);border:1px solid var(--line);border-radius:14px;padding:20px}.panel>h2{font:500 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.panel.after{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.tbl{border-collapse:collapse;width:100%;font-size:.93rem}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px 10px 0}.tbl th{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tbl td:first-child{white-space:nowrap;font-weight:500}@media (width<=640px){.tbl td:first-child{white-space:normal}}.post-list{margin:0;padding:0;list-style:none}.post{border-top:1px solid var(--line);grid-template-columns:112px minmax(0,1fr) auto;align-items:baseline;gap:6px 20px;padding:18px 0;display:grid}.post:last-child{border-bottom:1px solid var(--line)}.post time{font:400 .82rem var(--mono);color:var(--muted)}.post h3 a{color:var(--ink);text-decoration:none}.post h3 a:hover{color:var(--accent);text-decoration:underline}.post p{color:var(--ink-2);margin:4px 0 0;font-size:.95rem}.post[hidden]{display:none}@media (width<=640px){.post{grid-template-columns:1fr}}.scenarios{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.hops{flex-wrap:wrap;align-items:stretch;gap:10px 0;margin:0;padding:0;list-style:none;display:flex}.hop{align-items:center;display:flex}.hop button{appearance:none;text-align:left;cursor:pointer;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);min-height:52px;font:inherit;border-left:4px solid var(--c,var(--line-2));border-radius:10px;gap:1px;padding:10px 14px;display:grid}.hop button strong{font-size:.95rem;font-weight:500}.hop button span{font:400 .72rem var(--mono);color:var(--muted)}.hop button:hover{border-color:var(--c,var(--accent))}.hop button[aria-current=step]{background:var(--ink);color:var(--bg);border-color:var(--ink);border-left-color:var(--c)}.hop button[aria-current=step] span{color:color-mix(in srgb, var(--bg) 70%, var(--ink))}.hop.done button{background:var(--surface-2)}.hop .arrow{background:var(--line-2);flex:none;width:28px;height:2px;position:relative}.hop .arrow:after{content:"";border-left:6px solid var(--line-2);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:-4px;right:-1px}.hop.done .arrow,.hop.current .arrow{background:var(--accent)}.hop.done .arrow:after,.hop.current .arrow:after{border-left-color:var(--accent)}.hop:last-child .arrow{display:none}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 32px;margin-top:22px;padding:22px 26px;display:grid}.step-card h3{margin-bottom:8px}.step-card p{color:var(--ink-2);margin:0 0 10px}.step-card .hides{color:var(--muted);font-size:.88rem}.step-ctl{align-items:center;gap:8px;display:flex}.step-ctl .count{font:400 .82rem var(--mono);color:var(--muted);text-align:center;min-width:4.5ch}@media (width<=760px){.hops{flex-direction:column;align-items:stretch;gap:0}.hop{flex-direction:column;align-items:stretch}.hop button{width:100%}.hop .arrow{width:2px;height:16px;margin-left:24px}.hop .arrow:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--line-2);border-bottom:0;inset:auto auto -1px -4px}.hop.done .arrow:after,.hop.current .arrow:after{border-top-color:var(--accent);border-left-color:#0000}.step-card{grid-template-columns:1fr}}.no-js .step-ctl{display:none}.notice{border:1px dashed var(--line-2);color:var(--ink-2);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:12px;padding:14px 18px;font-size:.93rem}.notice strong{color:var(--ink)}.glyph{color:var(--accent)}hr.rule{border:0;border-top:1px solid var(--line);margin:2.4em 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.topo .edge.is-hot{stroke-dasharray:none}}@media print{.site-header,.site-footer,.topo-stage,.topo-filters{display:none}}.theme-btn svg[hidden]{display:none}.aside ul.tags{display:flex}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.95rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px 10px 0}.prose th{font:500 .72rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}[hidden]{display:none!important}.pager{grid-template-columns:1fr 1fr;gap:14px;margin-top:40px;display:grid}.pager a{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:12px;gap:2px;padding:16px 18px;text-decoration:none;display:grid}.pager a:hover{border-color:var(--accent)}.pager a[rel=next]{text-align:right}@media (width<=600px){.pager{grid-template-columns:1fr}.pager a[rel=next]{text-align:left}}.lesson-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.lesson-list li{gap:2px;display:grid}.lesson-list a{color:var(--ink)}.lesson-list span{color:var(--ink-2);font-size:.9rem}.proj-foot{border-top:1px solid var(--line)}.lessons{gap:0;max-width:72ch;margin:0;padding:0;list-style:none;display:grid}.lessons li{border-top:1px solid var(--line);padding:26px 0 26px 22px;scroll-margin-top:20px;position:relative}.lessons li:before{content:"";background:var(--c-learning);border-radius:3px;width:3px;position:absolute;top:30px;bottom:30px;left:0}.lessons li:target:before{background:var(--accent);width:5px}.lessons h2{margin-bottom:8px;font-size:1.3rem}.lessons p{color:var(--ink-2);margin:0 0 8px}.lesson-src{font-size:.92rem}.now-list{counter-reset:now;gap:18px;max-width:64ch;margin:0;padding:0;list-style:none;display:grid}.now-list li{counter-increment:now;padding:4px 0 4px 56px;position:relative}.now-list li:before{content:counter(now);border:1px solid var(--line-2);width:38px;height:38px;font:500 .95rem var(--mono);color:var(--ink-2);background:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.now-list h2{margin-bottom:6px;font-size:1.25rem}.now-list p{color:var(--ink-2);margin:0 0 6px}.chip-nav{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip-nav .chip{text-decoration:none}.card.tech{scroll-margin-top:20px}.card.tech:target{border-color:var(--accent)}.card.tech h3{font-size:1.1rem}.card.tech .meta{justify-content:space-between}.toc-aside{font-size:.9rem}.toc-aside ol{border-left:1px solid var(--line-2);gap:4px;margin:0;padding:0;list-style:none;display:grid}.toc-aside a{color:var(--ink-2);border-left:2px solid #0000;margin-left:-1px;padding:4px 0 4px 14px;text-decoration:none;display:block}.toc-aside a:hover{color:var(--ink)}.toc-aside a[aria-current=true]{border-left-color:var(--accent);color:var(--ink);font-weight:500}.toc-aside li.sub a{padding-left:28px;font-size:.85rem}.toc-top{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0 0 28px;display:none}.toc-top summary{cursor:pointer;min-height:44px;padding:12px 16px;font-weight:500}.toc-top ol{gap:2px;margin:0;padding:0 16px 14px;list-style:none;display:grid}.toc-top a{padding:8px 0;display:block}@media (width<=960px){.toc-top{display:block}.toc-aside-wrap{display:none}}.prose h2[id],.prose h3[id]{scroll-margin-top:20px}.prose .rel-box{margin-top:0}.read-more{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;display:grid}.table-wrap{overflow-x:auto}.earlier{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0 0 1.4em;font-size:1rem}.earlier summary{cursor:pointer;min-height:44px;padding:12px 16px;font-weight:500}.earlier>:not(summary){padding:0 18px}.earlier ul{margin-bottom:14px}.layout-aside>*{min-width:0}.prose pre{max-width:100%}.table-wrap:focus-visible{outline-offset:2px}