:root{color-scheme:light;--bg:#f7f5ef;--paper:#fffdf8;--paper-strong:#fff;--ink:#101010;--ink-soft:#3e3e3a;--muted:#737169;--line:#ded9cc;--line-strong:#c7c0b0;--black:#090909;--cream:#fff8e6;--accent-hue:47;--yellow:hsl(var(--accent-hue) 100% 65%);--on-yellow:#090909;--on-dark:#fffdf8;--cyan:#7ee6f2;--green:#b9ef8f;--pink:#ff9db2;--grid-line:#10101009;--hero-glow:hsl(var(--accent-hue) 100% 65% / .38);--header-bg:#f7f5efd1;--card-translucent:#fffdf8d6;--article-bg:#fffdf8db;--subtle-fill:#f2efe5;--code-bg:#f1ede2;--code-ink:#181816;--pre-bg:#090909;--pre-ink:#f7f2df;--code-frame-bg:#101010;--code-panel-bg:#fffdf8;--code-panel-ink:#24292e;--code-line-number:#9a968a;--shadow:0 22px 70px #1514101c;--tight-shadow:0 12px 34px #1514101f;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--font)}:root[data-theme-mode=dark]{color-scheme:dark;--bg:#0e0f11;--paper:#171717;--paper-strong:#202020;--ink:#f7f3e8;--ink-soft:#d2cbbb;--muted:#aaa292;--line:#2b2b29;--line-strong:#4b473e;--black:#f7f3e8;--cream:#221f19;--yellow:hsl(var(--accent-hue) 100% 65%);--on-yellow:#090909;--on-dark:#0e0f11;--cyan:#7ee6f2;--green:#b9ef8f;--pink:#ff9db2;--grid-line:#ffffff0b;--hero-glow:hsl(var(--accent-hue) 100% 65% / .14);--header-bg:#0e0f11d6;--card-translucent:#171717e0;--article-bg:#171717e0;--subtle-fill:#24231f;--code-bg:#24231f;--code-ink:#fff4cf;--pre-bg:#050505;--pre-ink:#f7f3e8;--code-frame-bg:#0c0c0c;--code-panel-bg:#fffdf8;--code-panel-ink:#24292e;--code-line-number:#8f897b;--shadow:0 22px 70px #00000042;--tight-shadow:0 12px 34px #0000003d}@media (prefers-color-scheme:dark){:root[data-theme-mode=system]{color-scheme:dark;--bg:#0e0f11;--paper:#171717;--paper-strong:#202020;--ink:#f7f3e8;--ink-soft:#d2cbbb;--muted:#aaa292;--line:#2b2b29;--line-strong:#4b473e;--black:#f7f3e8;--cream:#221f19;--yellow:hsl(var(--accent-hue) 100% 65%);--on-yellow:#090909;--on-dark:#0e0f11;--cyan:#7ee6f2;--green:#b9ef8f;--pink:#ff9db2;--grid-line:#ffffff0b;--hero-glow:hsl(var(--accent-hue) 100% 65% / .14);--header-bg:#0e0f11d6;--card-translucent:#171717e0;--article-bg:#171717e0;--subtle-fill:#24231f;--code-bg:#24231f;--code-ink:#fff4cf;--pre-bg:#050505;--pre-ink:#f7f3e8;--code-frame-bg:#0c0c0c;--code-panel-bg:#fffdf8;--code-panel-ink:#24292e;--code-line-number:#8f897b;--shadow:0 22px 70px #00000042;--tight-shadow:0 12px 34px #0000003d}}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-height:100%}body{background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(180deg, var(--grid-line) 1px, transparent 1px), radial-gradient(circle at 50% -10%, var(--hero-glow), transparent 34rem), var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);background-size:44px 44px,44px 44px,auto,auto;margin:0;line-height:1.65}body::selection{background:#ffd84d8c}a{color:inherit;text-underline-offset:4px;text-decoration-color:#10101047;text-decoration-thickness:2px}a:hover{text-decoration-color:var(--ink)}img{max-width:100%;height:auto;display:block}code{border:1px solid var(--line);background:var(--code-bg);color:var(--code-ink);border-radius:5px;padding:.1rem .32rem;font-size:.92em}pre{border-radius:var(--radius);background:var(--pre-bg);color:var(--pre-ink);border:1px solid #242424;padding:1rem;overflow:auto}pre code{color:inherit;background:0 0;border:0;padding:0}.container{width:min(1180px,100% - 32px);margin:0 auto}.content-width{width:min(820px,100% - 32px);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:100;background:var(--header-bg);backdrop-filter:blur(18px);border-bottom:1px solid #1010101a;position:sticky;top:0}.nav{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:76px;display:grid}.nav-tools{justify-content:end;align-items:center;gap:.55rem;display:flex}.brand{color:var(--ink);letter-spacing:0;align-items:center;gap:.25rem;font-weight:900;text-decoration:none;display:inline-flex}.brand span,.brand strong{border:1px solid var(--black);align-items:center;min-height:36px;padding:0 .72rem;display:inline-flex}.brand span{background:var(--black);color:var(--on-dark);border-radius:999px 0 0 999px}.brand strong{background:var(--yellow);color:var(--on-yellow);border-radius:0 999px 999px 0}.nav-links{justify-content:center;gap:.42rem;display:flex}.nav-links a,.nav-search,.theme-trigger,.button,.voice-tags a,.tag,.topic-cloud a,.topic-link{border:1px solid var(--line-strong);border-radius:999px;min-height:40px;text-decoration:none}.nav-links a{color:var(--ink-soft);align-items:center;gap:.38rem;padding:0 .88rem;font-size:.94rem;font-weight:720;display:inline-flex}.nav-links svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:16px;height:16px}.nav-links a:hover,.nav-search:focus-within,.theme-menu:focus-within .theme-trigger,.theme-menu:hover .theme-trigger,.button.secondary:hover,.voice-tags a:hover,.topic-cloud a:hover,.topic-link:hover{border-color:var(--black);background:var(--paper-strong);box-shadow:var(--tight-shadow)}.theme-menu{z-index:110;align-items:center;display:inline-flex;position:relative}.theme-trigger{background:var(--paper-strong);width:42px;min-width:42px;color:var(--ink);cursor:pointer;place-items:center;display:inline-grid}.theme-trigger svg,.theme-popover svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.theme-popover{z-index:120;border:1px solid var(--black);border-radius:var(--radius);background:var(--paper-strong);min-width:214px;box-shadow:7px 7px 0 var(--yellow), var(--tight-shadow);opacity:0;pointer-events:none;gap:.35rem;padding:.45rem;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:calc(100% + .55rem);right:0;transform:translateY(-4px)}.theme-menu:hover .theme-popover,.theme-menu:focus-within .theme-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.theme-popover button{min-height:34px;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:0 .6rem;font-size:.86rem;font-weight:850;display:flex}.theme-popover button:hover,.theme-popover button[aria-pressed=true]{border-color:var(--black);background:var(--yellow);color:var(--on-yellow)}.theme-section{gap:.25rem;display:grid}.theme-section+.theme-section{border-top:1px solid var(--line);margin-top:.15rem;padding-top:.55rem}.theme-section-title{color:var(--muted);letter-spacing:.08em;padding:0 .35rem;font-size:.72rem;font-weight:900}.theme-accent{gap:.45rem;padding-left:.3rem;padding-right:.3rem}.theme-accent label{color:var(--ink);justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem;font-weight:850;display:flex}.theme-accent output{color:var(--muted);font-family:var(--mono);font-size:.76rem}.theme-accent input{width:100%;accent-color:var(--yellow);cursor:pointer}.theme-accent input[type=range]{appearance:none;background:0 0;height:18px;margin:0}.theme-accent input[type=range]::-webkit-slider-runnable-track{border:1px solid var(--black);background:linear-gradient(90deg,#ff4d4d,#ffd84d,#7ee6f2,#7d7cff,#ff66c4,#ff4d4d);border-radius:999px;height:10px}.theme-accent input[type=range]::-webkit-slider-thumb{border:2px solid var(--black);appearance:none;background:var(--yellow);width:20px;height:20px;box-shadow:0 0 0 3px var(--paper-strong);border-radius:50%;margin-top:-6px}.theme-accent input[type=range]::-moz-range-track{border:1px solid var(--black);background:linear-gradient(90deg,#ff4d4d,#ffd84d,#7ee6f2,#7d7cff,#ff66c4,#ff4d4d);border-radius:999px;height:10px}.theme-accent input[type=range]::-moz-range-thumb{border:2px solid var(--black);background:var(--yellow);width:18px;height:18px;box-shadow:0 0 0 3px var(--paper-strong);border-radius:50%}.theme-popover .theme-reset{border-color:var(--line-strong);justify-content:center}.nav-search{background:var(--paper-strong);grid-template-columns:minmax(130px,1fr) auto;align-items:center;min-width:280px;display:grid;overflow:hidden}.nav-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0 .85rem;font-size:.94rem}.nav-search input::placeholder{color:var(--muted)}.nav-search button{border:0;border-left:1px solid var(--black);background:var(--black);color:var(--paper);font:inherit;cursor:pointer;align-self:stretch;padding:0 .9rem;font-size:.9rem;font-weight:850}.hero-shell{padding:3.2rem 0 2.5rem}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(380px,.74fr);align-items:center;gap:2.2rem;display:grid}.hero-copy{padding:1rem 0}.eyebrow{border:1px solid var(--black);background:var(--paper);color:var(--ink);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;box-shadow:4px 4px 0 var(--yellow);border-radius:999px;align-items:center;gap:.44rem;margin:0 0 1rem;padding:.38rem .68rem;font-size:.76rem;font-weight:800;display:inline-flex}.eyebrow:before{background:var(--green);content:"";border-radius:50%;width:.5rem;height:.5rem}.hero-copy h1{max-width:720px;color:var(--ink);letter-spacing:0;gap:.62rem;margin:0;font-size:clamp(2.65rem,5.4vw,5.15rem);font-weight:920;line-height:1.02;display:grid}.hero-copy h1 span,.hero-copy h1 em{font-style:normal;display:block}.hero-copy h1 em{border:1px solid var(--black);background:var(--yellow);width:fit-content;max-width:100%;color:var(--on-yellow);box-shadow:7px 7px 0 var(--black);border-radius:999px;padding:.08em .22em .14em;font-size:.42em;line-height:1.02}.page-hero h1{max-width:920px;color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(3.35rem,8.4vw,7.4rem);font-weight:920;line-height:.94}.hero-lede,.page-hero p{max-width:760px;color:var(--ink-soft);margin:1.35rem 0 0;font-size:clamp(1rem,1.55vw,1.18rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{justify-content:center;align-items:center;padding:.78rem 1.05rem;font-weight:850;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button.primary{border-color:var(--black);background:var(--black);color:var(--paper);box-shadow:6px 6px 0 var(--yellow)}.button.secondary{background:var(--paper);color:var(--black)}.button:hover{transform:translateY(-2px)}.voice-tags{flex-wrap:wrap;gap:.55rem;max-width:720px;margin-top:1.7rem;display:flex}.voice-tags a{background:var(--card-translucent);min-height:36px;color:var(--ink-soft);align-items:center;padding:0 .72rem;font-size:.88rem;font-weight:760;display:inline-flex}.hero-console{border:1px solid var(--black);border-radius:var(--radius);background:var(--paper-strong);box-shadow:10px 10px 0 var(--black), var(--shadow);overflow:hidden}.console-topbar{border-bottom:1px solid var(--black);background:var(--yellow);color:var(--on-yellow);justify-content:space-between;align-items:center;padding:.78rem .95rem;font-weight:880;display:flex}.console-topbar strong{border:1px solid var(--black);background:var(--paper);border-radius:999px;padding:.12rem .5rem;font-size:.78rem}.console-card{padding:1rem}.feature-card{background:linear-gradient(180deg, color-mix(in srgb, var(--paper-strong), transparent 14%), color-mix(in srgb, var(--cream), transparent 5%)), url(/images/tech-hero-1280.jpg) center / cover;background-blend-mode:screen}.card-kicker{border:1px solid var(--black);background:var(--cyan);font-family:var(--mono);text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.feature-card a{margin-top:1rem;text-decoration:none;display:block}.feature-card h2{color:var(--ink);margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.08}.feature-card p{color:var(--ink-soft);margin:.85rem 0 0}.waveform{border:1px solid var(--black);border-radius:var(--radius);background:var(--black);align-items:center;gap:.18rem;height:86px;margin-top:1rem;padding:.7rem;display:flex}.waveform span{height:var(--h);background:linear-gradient(180deg, var(--yellow), var(--cyan));border-radius:999px;flex:1;min-height:8px}.console-meta{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.console-meta span{border:1px solid var(--line-strong);background:var(--paper);color:var(--muted);border-radius:999px;padding:.22rem .58rem;font-size:.82rem;font-weight:760}.console-grid{border-top:1px solid var(--black);border-bottom:1px solid var(--black);grid-template-columns:repeat(3,1fr);display:grid}.console-grid div{padding:.9rem}.console-grid div+div{border-left:1px solid var(--black)}.console-grid strong,.console-grid span{display:block}.console-grid strong{font-size:1.75rem;line-height:1}.console-grid span{color:var(--muted);margin-top:.25rem;font-size:.82rem;font-weight:760}.prompt-box{background:var(--black);color:var(--paper);padding:1rem}.prompt-box span{color:var(--yellow);font-family:var(--mono);text-transform:uppercase;font-size:.76rem;font-weight:800}.prompt-box p{margin:.45rem 0 0}.section{padding:3rem 0}.split-section{border-top:1px solid #1010101a}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem;display:flex}.section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.latest-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,.68fr);gap:1rem;display:grid}.lead-article{border:1px solid var(--black);border-radius:var(--radius);background:var(--black);min-height:520px;color:var(--paper);box-shadow:var(--shadow);align-items:end;text-decoration:none;display:grid;position:relative;overflow:hidden}.lead-article img{object-fit:cover;opacity:.62;filter:saturate(.88)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.lead-article:after{content:"";background:linear-gradient(#09090914,#090909e6);position:absolute;inset:0}.lead-article div{z-index:1;padding:1.35rem;position:relative}.lead-article span,.post-card-series{border:1px solid var(--black);background:var(--yellow);width:fit-content;color:var(--on-yellow);border-radius:999px;padding:.24rem .62rem;font-size:.8rem;font-weight:850;display:inline-flex}.lead-article h3{max-width:720px;margin:.85rem 0 0;font-size:clamp(1.7rem,4vw,3.1rem);line-height:1.04}.lead-article p{color:#fffdf8c7;max-width:680px;margin:.85rem 0 0}.lead-article small{color:#fffdf8b8;margin-top:1rem;display:block}.article-queue{gap:.7rem;display:grid}.article-queue a{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-translucent);grid-template-columns:auto 1fr;align-items:start;gap:.85rem;min-height:78px;padding:.85rem;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.article-queue a:hover{border-color:var(--black);box-shadow:var(--tight-shadow);transform:translateY(-2px)}.article-queue span{border:1px solid var(--black);background:var(--paper);width:2.25rem;height:2.25rem;font-family:var(--mono);border-radius:50%;place-items:center;font-size:.82rem;font-weight:800;display:grid}.article-queue strong{color:var(--ink);line-height:1.32;display:block}.article-queue small{color:var(--muted);margin-top:.32rem;display:block}.topic-section{padding-bottom:4.5rem}.topic-cloud{flex-wrap:wrap;gap:.7rem;display:flex}.topic-cloud a{background:var(--paper);align-items:center;gap:.7rem;min-height:54px;padding:0 .75rem 0 1rem;font-weight:850;display:inline-flex}.topic-cloud strong{background:var(--black);min-width:2rem;height:2rem;color:var(--paper);border-radius:999px;place-items:center;font-size:.82rem;display:grid}.page-hero{padding:4rem 0 1rem}.page-hero.compact h1{font-size:clamp(3rem,7vw,6rem)}.post-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.blog-controls{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-translucent);box-shadow:var(--tight-shadow);gap:.8rem;margin-bottom:1.2rem;padding:1rem;display:grid}.controls-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}.controls-head>div{gap:.12rem;display:grid}.controls-head span{color:var(--ink);font-size:.98rem;font-weight:900}.controls-head small{color:var(--muted);font-size:.85rem;font-weight:760}.filter-toggle{border:1px solid var(--line-strong);background:var(--paper);min-height:34px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;padding:0 .62rem;font-size:.82rem;font-weight:850;display:none}.filter-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:15px;height:15px;transition:transform .16s}.blog-controls.is-open .filter-toggle svg{transform:rotate(180deg)}.filter-panel{gap:.8rem;display:grid}.control-row{grid-template-columns:3.5rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.control-row>span,.control-row>label{min-height:36px;color:var(--muted);font-size:.9rem;font-weight:850;line-height:36px}.filter-pills{flex-wrap:wrap;gap:.45rem;display:flex}.filter-pills button{border:1px solid var(--line-strong);background:var(--paper);min-height:36px;color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.42rem;padding:0 .68rem;font-size:.88rem;font-weight:780;display:inline-flex}.filter-pills button:hover,.filter-pills button[aria-pressed=true]{border-color:var(--black);background:var(--yellow);color:var(--on-yellow)}.filter-pills b{background:var(--black);min-width:1.5rem;height:1.5rem;color:var(--on-dark);border-radius:999px;place-items:center;font-size:.72rem;display:grid}.filter-pills button[aria-pressed=true] b,.filter-pills button:hover b{background:var(--on-yellow);color:var(--yellow)}.sort-row{align-items:center}.sort-controls{align-items:center;gap:.5rem;display:flex}.sort-pills{border:1px solid var(--line-strong);background:var(--paper);border-radius:999px;width:fit-content;display:inline-flex;overflow:hidden}.sort-pills button{border:0;border-right:1px solid var(--line);min-height:36px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;padding:0 .72rem;font-size:.86rem;font-weight:820}.sort-pills button:last-child{border-right:0}.sort-pills button:hover,.sort-pills button[aria-pressed=true]{background:var(--yellow);color:var(--on-yellow)}.sort-row select{border:1px solid var(--line-strong);background:var(--paper-strong);min-height:38px;color:var(--ink);font:inherit;border-radius:999px;padding:0 .85rem;font-weight:780;display:none}.filter-empty{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-translucent);color:var(--muted);padding:1rem}[data-post-slug][hidden]{display:none!important}.post-card{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-translucent);flex-direction:column;justify-content:space-between;min-height:410px;padding:1rem;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #0000}.post-card:hover{border-color:var(--black);box-shadow:7px 7px 0 var(--yellow), var(--tight-shadow);transform:translateY(-3px)}.post-card a{text-decoration:none}.post-card-media{border-bottom:1px solid var(--line-strong);background:var(--subtle-fill);width:calc(100% + 2rem);height:178px;margin:-1rem -1rem .85rem;overflow:hidden}.post-card-media a{width:100%;height:100%;display:block}.post-card-media img{object-fit:cover;width:100%;height:100%}.post-card-media.is-placeholder{background:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(180deg, var(--grid-line) 1px, transparent 1px), linear-gradient(135deg, color-mix(in srgb, var(--yellow), transparent 28%), var(--paper));background-size:26px 26px,26px 26px,auto;place-items:center;display:grid}.post-card-media.is-placeholder div{place-items:center;gap:.6rem;display:grid}.post-card-media.is-placeholder span{border:1px solid var(--black);background:var(--paper-strong);color:var(--ink);border-radius:999px;padding:.22rem .65rem;font-size:.86rem;font-weight:900}.post-card-media.is-placeholder b{border:1px solid var(--black);background:var(--yellow);width:4.2rem;height:4.2rem;color:var(--on-yellow);border-radius:50%;place-items:center;font-size:1.35rem;line-height:1;display:grid}.post-card h2{color:var(--ink);margin:.85rem 0 0;font-size:1.2rem;line-height:1.34}.post-card h2 a{color:inherit}.post-card h2 a:hover{text-underline-offset:4px;text-decoration:underline 2px}.post-card p{color:var(--ink-soft);margin:.75rem 0 0;font-size:.94rem}.meta{color:var(--muted);flex-wrap:wrap;gap:.42rem;margin-top:.8rem;font-size:.83rem;display:flex}.meta span,.meta a{color:inherit;align-items:center;gap:.34rem;text-decoration:none;display:inline-flex}.meta span:before,.meta a:before{background:var(--black);content:"";border-radius:50%;width:.34rem;height:.34rem}.meta a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline 2px}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag{background:var(--subtle-fill);min-height:32px;color:var(--ink-soft);align-items:center;padding:0 .6rem;font-size:.82rem;font-weight:760;display:inline-flex}.topic-band{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;display:grid}.topic-link{border-radius:var(--radius);background:var(--card-translucent);flex-direction:column;justify-content:space-between;min-height:120px;padding:1rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex}.topic-link:hover{transform:translateY(-3px)}.topic-link strong{color:var(--ink);font-size:1.18rem}.topic-link span{color:var(--muted);font-weight:760}.article-header{grid-template-columns:minmax(0,820px) minmax(220px,260px);gap:1.35rem;width:min(1120px,100% - 32px);margin:0 auto;padding:4rem 0 1.4rem;display:grid}.article-header-main{min-width:0}.article-header h1{color:var(--ink);letter-spacing:0;margin:1rem 0 0;font-size:clamp(2rem,4.6vw,3.35rem);line-height:1.12}.article-shell{grid-template-columns:minmax(0,820px) minmax(220px,260px);align-items:start;gap:1.35rem;width:min(1120px,100% - 32px);margin:0 auto;display:grid}.article-body{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--article-bg);min-width:0;box-shadow:var(--shadow);overflow-wrap:anywhere;margin-bottom:4rem;padding:0 1.25rem 2.4rem}.article-toc{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-translucent);min-width:0;max-height:calc(100vh - 120px);box-shadow:var(--tight-shadow);padding:.85rem;position:sticky;top:96px;overflow:auto}.article-body pre{max-width:100%}.code-frame{border:1px solid var(--black);border-radius:var(--radius);background:var(--code-frame-bg);box-shadow:8px 8px 0 var(--yellow), var(--tight-shadow);margin:1.55rem 0;position:relative;overflow:hidden}.code-frame-head{border-bottom:1px solid var(--black);background:var(--yellow);min-height:44px;color:var(--on-yellow);justify-content:space-between;align-items:center;gap:.8rem;padding:.55rem .72rem;display:flex}.code-frame-title{min-width:0;color:var(--on-yellow);font-family:var(--mono);align-items:center;gap:.55rem;font-size:.76rem;font-weight:850;line-height:1.2;display:inline-flex}.code-window-dots{flex:none;gap:.28rem;display:inline-flex}.code-window-dots span{border:1px solid var(--black);border-radius:999px;width:.62rem;height:.62rem}.code-window-dots span:first-child{background:var(--pink)}.code-window-dots span:nth-child(2){background:#ffb84d}.code-window-dots span:nth-child(3){background:var(--green)}.code-language{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.code-lines{color:color-mix(in srgb, var(--on-yellow), transparent 28%);font-size:.72rem}.code-copy,.code-expand{border:1px solid var(--black);background:var(--paper);min-height:30px;color:var(--black);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 .62rem;font-size:.78rem;font-weight:850;line-height:1;transition:transform .16s,background .16s,color .16s;display:inline-flex}.code-copy:hover,.code-copy.is-copied,.code-expand:hover{background:var(--black);color:var(--on-dark);transform:translateY(-1px)}.code-frame pre{color:var(--code-panel-ink);box-shadow:none;tab-size:2;border:0;border-radius:0;margin:0;padding:1rem 1.05rem;font-size:.88rem;line-height:1.72;background:var(--code-panel-bg)!important}.code-frame code{counter-reset:code-line;min-width:max-content;color:inherit;font-family:var(--mono);display:block}.code-frame .line{min-height:1.5em;padding-left:3.2rem;display:block;position:relative}.code-frame .line:before{width:2.2rem;color:var(--code-line-number);content:counter(code-line);counter-increment:code-line;text-align:right;user-select:none;position:absolute;left:0}.code-frame.is-long.is-collapsed pre{max-height:25rem}.code-frame.is-long.is-collapsed:after{background:linear-gradient(180deg, #fffdf800, var(--code-panel-bg));content:"";pointer-events:none;height:5rem;position:absolute;bottom:3rem;left:0;right:0}.code-frame-foot{z-index:1;border-top:1px solid var(--black);background:var(--yellow);justify-content:center;padding:.48rem;display:flex;position:relative}.article-toc h2{color:var(--ink);margin:0 0 .7rem;font-size:.95rem;font-weight:900}.article-toc nav{gap:.22rem;display:grid}.article-toc a{color:var(--muted);border-radius:6px;padding:.38rem .48rem;font-size:.86rem;line-height:1.35;text-decoration:none;display:block}.article-toc a:hover{background:var(--subtle-fill);color:var(--ink)}.article-toc .level-h3{padding-left:1rem}.article-toc .level-h4{padding-left:1.5rem;font-size:.82rem}.back-to-top{z-index:80;border:1px solid var(--black);background:var(--yellow);min-height:42px;color:var(--on-yellow);font:inherit;box-shadow:5px 5px 0 var(--black), var(--tight-shadow);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:0 .78rem;font-size:.86rem;font-weight:900;transition:opacity .16s,transform .16s,box-shadow .16s;display:inline-flex;position:fixed;bottom:1.4rem;right:max(1.2rem,50vw - 590px);transform:translateY(8px)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{box-shadow:3px 3px 0 var(--black), var(--tight-shadow);transform:translateY(-2px)}.back-to-top svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:17px;height:17px}.article-body h2{color:var(--ink);margin-top:2.35rem;line-height:1.3}.article-body h3{color:var(--ink)}.article-body p,.article-body li{color:var(--ink-soft)}.article-body img{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--paper);width:min(100%,920px);height:auto;box-shadow:var(--tight-shadow);margin:1.35rem auto}.article-body p:has(>img:only-child){margin:1.6rem 0}.article-body a{font-weight:760}.article-body blockquote{border-left:5px solid var(--yellow);background:var(--subtle-fill);color:var(--ink-soft);margin:1.5rem 0;padding:.8rem 1rem}.article-body table{border-collapse:collapse;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line-strong);padding:.48rem .65rem}.search-section{padding-top:1rem}.site-search-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:1rem;display:grid}.site-search-panel input{border:1px solid var(--black);background:var(--paper-strong);min-height:54px;color:var(--ink);font:inherit;box-shadow:5px 5px 0 var(--yellow);border-radius:999px;outline:0;padding:0 1.1rem;font-size:1rem}.site-search-panel input:focus{box-shadow:5px 5px 0 var(--black)}.site-search-panel span{border:1px solid var(--line-strong);background:var(--paper);min-height:40px;color:var(--muted);border-radius:999px;align-items:center;padding:0 .8rem;font-size:.9rem;font-weight:760;display:inline-flex}.search-results{gap:.75rem;display:grid;overflow-x:clip}.search-result{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-translucent);overflow-wrap:anywhere;width:100%;min-width:0;padding:1rem;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:block}.search-result:hover{border-color:var(--black);box-shadow:6px 6px 0 var(--yellow), var(--tight-shadow);transform:translateY(-2px)}.search-result span,.search-result p{color:var(--muted)}.search-result span{font-size:.86rem;font-weight:760;display:block}.search-result strong{color:var(--ink);margin-top:.35rem;font-size:1.1rem;line-height:1.34;display:block}.search-result p{margin:.45rem 0 0}.search-result small{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.search-result em{border:1px solid var(--line-strong);background:var(--subtle-fill);color:var(--ink-soft);border-radius:999px;padding:.08rem .45rem;font-size:.78rem;font-style:normal;font-weight:760}.search-empty{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--card-translucent);color:var(--muted);padding:1rem}.footer{background:var(--card-translucent);border-top:1px solid #1010101f;padding:2rem 0}.footer-inner{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-inner span{color:var(--ink);font-weight:900}.footer-inner p{margin:0}@media (width<=920px){.nav{grid-template-columns:1fr;justify-items:start;padding:.9rem 0}.nav-links{flex-wrap:wrap;justify-content:start}.hero-grid,.latest-layout{grid-template-columns:1fr}.hero-console{box-shadow:6px 6px 0 var(--black), var(--shadow)}.lead-article{min-height:420px}.article-shell,.article-header{grid-template-columns:1fr;width:min(820px,100% - 32px)}.article-toc{order:-1;max-height:none;position:static}}@media (width<=640px){.container,.content-width{width:min(100% - 24px,1180px)}.hero-shell{padding-top:2rem}.page-hero.compact h1{font-size:clamp(2.65rem,15vw,4rem)}.hero-copy h1{gap:.55rem;font-size:clamp(2.2rem,11.5vw,3.25rem)}.hero-copy h1 em{box-shadow:5px 5px 0 var(--black);border-radius:8px}.hero-lede,.page-hero p{font-size:1rem}.hero-actions,.footer-inner{flex-direction:column;align-items:stretch}.button,.nav-search{width:100%}.nav-tools{grid-template-columns:minmax(0,1fr) 42px;align-items:center;width:100%;display:grid}.theme-menu{justify-self:stretch;width:42px}.theme-popover{right:0}.console-grid{grid-template-columns:1fr}.console-grid div+div{border-top:1px solid var(--black);border-left:0}.section-heading{display:block}.lead-article{min-height:360px}.article-queue a{grid-template-columns:1fr}.blog-controls{gap:0;padding:.75rem}.controls-head{border-bottom:0;padding-bottom:0}.filter-toggle{display:inline-flex}.filter-panel{border-top:1px solid var(--line);gap:.7rem;margin-top:.7rem;padding-top:.75rem;display:none}.blog-controls.is-open .filter-panel{display:grid}.control-row,.sort-row{grid-template-columns:1fr;gap:.45rem}.control-row>span,.control-row>label{min-height:auto;line-height:1.2}.sort-controls{display:block}.sort-pills{display:none}.sort-row select{width:100%;display:block}.site-search-panel{grid-template-columns:1fr}.search-result:hover{box-shadow:var(--tight-shadow)}.post-grid{grid-template-columns:1fr}.article-body{padding-left:1rem;padding-right:1rem}.code-frame{box-shadow:5px 5px 0 var(--yellow), var(--tight-shadow);margin:1.25rem -.25rem}.code-frame-head{gap:.5rem;min-height:38px;padding:.42rem .55rem}.code-frame-title{gap:.4rem;font-size:.68rem}.code-window-dots{gap:.2rem}.code-window-dots span{width:.5rem;height:.5rem}.code-language{max-width:5.5rem}.code-lines{font-size:.66rem}.code-copy,.code-expand{min-height:27px;padding:0 .5rem;font-size:.7rem}.code-frame pre{tab-size:2;padding:.78rem .8rem;font-size:.76rem;line-height:1.62}.code-frame .line{padding-left:2.45rem}.code-frame .line:before{width:1.75rem}.article-shell,.article-header{width:min(100% - 24px,820px)}}