:root{scroll-behavior:smooth}.blog-announce{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pcard-shot .shot-dark,.post-figure-frame .shot-dark,.post-gallery-item .shot-dark,.device-screen .shot-dark,[data-theme=dark] .pcard-shot .shot-light,[data-theme=dark] .post-figure-frame .shot-light,[data-theme=dark] .post-gallery-item .shot-light,[data-theme=dark] .device-screen .shot-light{display:none}[data-theme=dark] .pcard-shot .shot-dark,[data-theme=dark] .post-figure-frame .shot-dark,[data-theme=dark] .post-gallery-item .shot-dark,[data-theme=dark] .device-screen .shot-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .pcard-shot .shot-light,:root:not([data-theme]) .post-figure-frame .shot-light,:root:not([data-theme]) .post-gallery-item .shot-light,:root:not([data-theme]) .device-screen .shot-light{display:none}:root:not([data-theme]) .pcard-shot .shot-dark,:root:not([data-theme]) .post-figure-frame .shot-dark,:root:not([data-theme]) .post-gallery-item .shot-dark,:root:not([data-theme]) .device-screen .shot-dark{display:block}}.rail{gap:var(--ns-space-5);--rail-inset:max(var(--ns-gutter-left), calc((100% - var(--ns-shell)) / 2 + var(--ns-gutter-left)));flex-direction:column;display:flex}.rail-head{justify-content:space-between;align-items:flex-end;gap:var(--ns-space-4);padding-inline:var(--rail-inset);flex-wrap:wrap;min-width:0;display:flex}.rail-head-copy{gap:var(--ns-space-2);flex-direction:column;min-width:0;display:flex}.rail-hint{color:var(--ns-faint-fg);font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);letter-spacing:.02em}.rail-controls{align-items:center;gap:var(--ns-space-2);flex:none;display:flex}.rail-btn{border:1px solid var(--ns-border);background:var(--ns-card);width:2.5rem;height:2.5rem;color:var(--ns-muted-fg);cursor:pointer;transition:border-color var(--ns-ease-fast), color var(--ns-ease-fast), background var(--ns-ease-fast);place-items:center;display:grid}.rail-btn:hover:not(:disabled){border-color:var(--ns-border-strong);color:var(--ns-fg)}.rail-btn:disabled{color:var(--ns-faint-fg);opacity:.45;cursor:default}.rail-btn svg{width:1rem;height:1rem}.rail-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;min-width:0;padding-inline:var(--rail-inset);background:linear-gradient(var(--ns-border), var(--ns-border)) no-repeat;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;scrollbar-color:var(--ns-border-strong) transparent;background-size:100% 0;gap:1px;scroll-padding-inline-start:var(--rail-inset);list-style:none;display:flex;overflow-x:auto}.rail-track[data-drag]{cursor:grab}.rail-track[data-drag=active]{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail-item{scroll-snap-align:start;flex:0 0 clamp(15rem,74vw,20rem);min-width:0;margin:0 10px;display:flex}.pcard{border:1px solid var(--ns-border);background:var(--ns-card);width:100%;min-width:0;transition:background var(--ns-ease-fast);flex-direction:column;display:flex;position:relative}.pcard:before{content:"";background:var(--ns-primary);transform-origin:0;height:2px;transition:transform var(--ns-ease-normal);z-index:1;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.pcard:after{content:"";position:absolute;inset:0}.pcard:hover,.pcard:focus-visible{background:var(--ns-surface-raised)}.pcard:hover:before,.pcard:focus-visible:before{transform:scaleX(1)}.pcard:focus-visible{outline:2px solid var(--ns-ring);outline-offset:-3px}.pcard:hover .pcard-title,.pcard:focus-visible .pcard-title{color:var(--ns-primary-text)}.pcard-shot{aspect-ratio:4/3;border-bottom:1px solid var(--ns-border);background:var(--ns-well);position:relative;overflow:hidden}.pcard-shot img{object-fit:cover;filter:saturate(.35)contrast(1.02);width:100%;height:100%;transition:filter var(--ns-ease-slow), transform var(--ns-ease-slow)}.pcard:hover .pcard-shot img,.pcard:focus-visible .pcard-shot img{filter:saturate(.9)contrast(1.02);transform:scale(1.02)}.pcard-body{gap:var(--ns-space-3);padding:var(--ns-space-5);flex-direction:column;flex:1;min-width:0;display:flex}.pcard-kicker{justify-content:space-between;align-items:baseline;gap:var(--ns-space-3);min-width:0;display:flex}.pcard-title{font-size:var(--ns-text-h4);letter-spacing:-.01em;text-wrap:balance;transition:color var(--ns-ease-fast);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-weight:500;line-height:1.22;display:-webkit-box;overflow:hidden}.pcard-summary{color:var(--ns-muted-fg);font-size:var(--ns-text-base);text-wrap:pretty;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.pcard-tags{gap:var(--ns-space-2);flex-wrap:wrap;min-width:0;display:flex}.pcard-foot{padding-top:var(--ns-space-4);border-top:1px solid var(--ns-border);justify-content:space-between;align-items:center;gap:var(--ns-space-3);min-width:0;margin-top:auto;display:flex}.pcard-arrow{transition:transform var(--ns-ease-normal)}.pcard:hover .pcard-arrow{transform:translate(3px)}.rail-progress{margin-inline:var(--rail-inset);background:var(--ns-border);min-width:0;height:2px}.rail-progress-bar{background:var(--ns-primary);width:100%;height:100%;transform:scaleX(var(--rail-progress,.25));transform-origin:0;transition:transform var(--ns-ease-fast) linear}.archive-filter{align-items:center;gap:var(--ns-space-3) var(--ns-space-4);margin-bottom:var(--ns-space-6);flex-wrap:wrap;min-width:0;display:flex}.archive-filter>.eyebrow{flex:1 0 100%}.archive-count{margin-left:auto}.post-list{border-top:1px solid var(--ns-border);min-width:0;list-style:none}.post-row{gap:var(--ns-space-2) var(--ns-space-6);padding-block:var(--ns-space-5);border-bottom:1px solid var(--ns-border);min-width:0;transition:background var(--ns-ease-fast);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.post-row:hover{background:var(--ns-surface-raised)}@media (width>=720px){.post-row{grid-template-columns:7.5rem minmax(0,1fr) 9rem;align-items:baseline}}.post-row-title{font-size:var(--ns-text-h4);letter-spacing:-.01em;text-wrap:balance;font-weight:500;line-height:1.3}.post-row a{color:inherit}.post-row a:after{content:"";position:absolute;inset:0}.post-row a:hover{color:var(--ns-primary-text)}.post-row a:focus-visible{outline:none}.post-row:has(a:focus-visible){outline:2px solid var(--ns-ring);outline-offset:-3px}.post-row-summary{color:var(--ns-muted-fg);font-size:var(--ns-text-base);max-width:var(--ns-measure);text-wrap:pretty;margin-top:var(--ns-space-2);line-height:1.6}.post-row-meta{gap:var(--ns-space-2);flex-wrap:wrap;display:flex}@media (width>=720px){.post-row-meta{justify-content:flex-end}}.post-hero-meta{align-items:center;gap:var(--ns-space-2) var(--ns-space-4);flex-wrap:wrap;display:flex}.post-layout{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);min-width:0;display:grid}.post-aside{display:contents}@media (width>=1100px){.post-layout{grid-template-columns:minmax(0,1fr) 15rem;align-items:start}.post-aside{gap:var(--ns-space-6);top:calc(var(--ns-nav-h) + var(--ns-space-6));max-height:calc(100vh - var(--ns-nav-h) - var(--ns-space-10));grid-area:1/2;display:grid;position:sticky;overflow-y:auto}.post-body{grid-area:1/1}}.post-toc{--toc-progress:0;top:var(--ns-nav-h);z-index:20;max-height:calc(100vh - var(--ns-nav-h));border-top:1px solid var(--ns-border-strong);padding-top:var(--ns-space-4);background:var(--ns-bg);min-width:0;position:sticky;overflow:hidden auto}.post-toc:before{content:"";background:var(--ns-primary);height:2px;transform:scaleX(var(--toc-progress));transform-origin:0;z-index:1;position:absolute;top:0;left:0;right:0}.post-toc summary{justify-content:space-between;align-items:center;gap:var(--ns-space-3);cursor:pointer;font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);text-transform:uppercase;letter-spacing:var(--ns-label-tracking);color:var(--ns-muted-fg);list-style:none;display:flex}.post-toc summary::-webkit-details-marker{display:none}.post-toc summary:after{content:"";width:.5rem;height:.5rem;transition:transform var(--ns-ease-fast);border-bottom:1px solid;border-right:1px solid;flex:none;transform:rotate(45deg)translate(-2px,-2px)}.post-toc[open] summary:after{transform:rotate(-135deg)translate(-2px,-2px)}.post-toc-label{font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);text-transform:uppercase;letter-spacing:var(--ns-label-tracking);color:var(--ns-faint-fg);display:none}@media (width>=1100px){.post-toc{max-height:none;position:static;overflow:visible}.post-toc>summary{display:none}.post-toc-label{display:block}}.post-toc-list{margin-top:var(--ns-space-4);flex-direction:column;min-width:0;list-style:none;display:flex}.post-toc-list a{padding:.3rem 0 .3rem var(--ns-space-3);border-left:1px solid var(--ns-border);color:var(--ns-muted-fg);font-size:var(--ns-text-base);text-wrap:pretty;transition:color var(--ns-ease-fast), border-color var(--ns-ease-fast);line-height:1.4;display:block}.post-toc-list a:hover{color:var(--ns-fg);border-color:var(--ns-border-strong)}.post-toc-list [data-depth="3"] a{padding-left:var(--ns-space-6);font-size:var(--ns-text-sm)}.post-toc-list a[aria-current]{color:var(--ns-primary-text);border-color:var(--ns-primary)}.post-share{display:none}@media (width>=1100px){.post-share{gap:var(--ns-space-3);padding-top:var(--ns-space-4);border-top:1px solid var(--ns-border-strong);display:grid}.post-share>p{color:var(--ns-faint-fg);font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);letter-spacing:var(--ns-label-tracking);text-transform:uppercase}.post-share-actions{gap:var(--ns-space-2);flex-wrap:wrap;display:flex}.post-share-actions a,.post-share-actions button{border:1px solid var(--ns-border);background:var(--ns-well);width:2.25rem;height:2.25rem;color:var(--ns-muted-fg);font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);transition:border-color var(--ns-ease-fast), color var(--ns-ease-fast), background var(--ns-ease-fast);place-items:center;padding:0;line-height:1;display:grid}.post-share-actions a:hover,.post-share-actions a:focus-visible,.post-share-actions button:hover,.post-share-actions button:focus-visible{border-color:var(--ns-primary-border);background:var(--ns-surface);color:var(--ns-primary-text)}.post-share-actions [hidden]{display:none}.post-share-actions svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:square;stroke-linejoin:miter;width:1rem;height:1rem}}.post-body{min-width:0;max-width:var(--ns-measure);color:var(--ns-muted-fg);font-size:var(--ns-text-body);line-height:1.7}.post-body>*+*{margin-top:var(--ns-space-5)}.post-body p{text-wrap:pretty}.post-body h2,.post-body h3{color:var(--ns-fg);scroll-margin-top:calc(var(--ns-nav-h) + var(--ns-space-6));padding-right:2rem;position:relative}.post-heading-permalink{opacity:.42;width:1.5rem;height:1.5rem;transition:color var(--ns-ease-fast), opacity var(--ns-ease-fast);place-items:center;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%);color:var(--ns-faint-fg)!important;border:0!important}.post-body h2:hover .post-heading-permalink,.post-body h3:hover .post-heading-permalink,.post-heading-permalink:focus-visible{opacity:1;color:var(--ns-primary-text)!important}.post-heading-permalink svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter;width:1rem;height:1rem}.post-body h2{font-size:var(--ns-text-h3);margin-top:var(--ns-space-12);padding-top:var(--ns-space-5);border-top:1px solid var(--ns-border)}.post-body h3{font-size:var(--ns-text-h4);margin-top:var(--ns-space-8)}.post-body strong{color:var(--ns-fg);font-weight:500}.post-body a:not(.link){color:var(--ns-primary-text);border-bottom:1px solid var(--ns-primary-border);transition:border-color var(--ns-ease-fast)}.post-body a:not(.link):hover{border-color:var(--ns-primary)}.post-body ul,.post-body ol{padding-left:var(--ns-space-5);gap:var(--ns-space-2);flex-direction:column;display:flex}.post-body ul{list-style:none}.post-body ul>li{position:relative}.post-body ul>li:before{content:"";left:calc(var(--ns-space-5) * -1);background:var(--ns-border-strong);width:.5rem;height:1px;position:absolute;top:.72em}.post-body ol{list-style:decimal}.post-body ol::marker,.post-body li::marker{color:var(--ns-faint-fg);font-family:var(--ns-font-mono);font-size:var(--ns-text-sm)}.post-body code{font-family:var(--ns-font-mono);color:var(--ns-fg);background:var(--ns-well);border:1px solid var(--ns-border);overflow-wrap:anywhere;padding:.05em .3em;font-size:.9em}.post-body>.post-wide{width:min(100%,52rem);max-width:none}@media (width>=1100px){.post-body>.post-wide{width:min(100% + 15rem + clamp(2rem,4vw,3.5rem),52rem)}}.post-figure{gap:var(--ns-space-3);flex-direction:column;min-width:0;display:flex}.post-figure-frame{border:1px solid var(--ns-border);background:var(--ns-well);min-width:0;overflow:hidden}.post-figure-frame img{width:100%;height:auto;display:block}.post-figure figcaption,.post-gallery figcaption,.post-devices figcaption{gap:var(--ns-space-3);font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);color:var(--ns-faint-fg);letter-spacing:.01em;min-width:0;line-height:1.5;display:flex}.post-figure figcaption b,.post-gallery figcaption b,.post-devices figcaption b{color:var(--ns-primary-text);text-transform:uppercase;letter-spacing:var(--ns-label-tracking);flex:none;font-weight:400}.source-ref{font-family:var(--ns-font-mono);vertical-align:super;margin-left:.25em;font-size:.7em;line-height:0}.source-ref a,.source-back{color:var(--ns-accent);text-decoration:none}.source-ref a:hover,.source-ref a:focus-visible,.source-back:hover,.source-back:focus-visible{text-decoration:underline}.post-sources{margin-top:var(--ns-space-8);padding-top:var(--ns-space-4);border-top:1px solid var(--ns-border);color:var(--ns-faint-fg);font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);line-height:1.55}.post-sources h2{margin:0 0 var(--ns-space-3);color:var(--ns-primary-text);font-family:inherit;font-size:inherit;letter-spacing:var(--ns-label-tracking);text-transform:uppercase;font-weight:400}.post-body .post-sources ol{gap:var(--ns-space-2);margin:0;padding:0;list-style:none;display:grid}.post-body .post-sources li{gap:var(--ns-space-2);grid-template-columns:1.5rem minmax(0,1fr);margin:0;display:grid}.post-body .post-sources li:before{content:none}.post-sources li>span{min-width:0}.post-sources li>span>a{color:var(--ns-muted-fg);text-underline-offset:.2em}.post-sources small{color:var(--ns-faint-fg);font:inherit;opacity:.72;display:block}.source-embed{gap:var(--ns-space-3);margin-block:var(--ns-space-6);padding:var(--ns-space-4);border:1px solid var(--ns-border);background:var(--ns-well);display:grid}.source-embed header,.source-embed footer{align-items:center;gap:var(--ns-space-3);min-width:0;font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);display:flex}.source-platform{border:1px solid var(--ns-border-strong);color:var(--ns-primary-text);text-transform:uppercase;letter-spacing:var(--ns-label-tracking);flex:none;padding:.15rem .4rem}.source-author{gap:0 var(--ns-space-2);flex-wrap:wrap;min-width:0;display:flex}.source-author strong{color:var(--ns-primary-text);font-weight:500}.source-author small,.source-embed time{color:var(--ns-faint-fg);font:inherit}.source-embed time{white-space:nowrap;margin-left:auto}.post-body .source-embed blockquote{color:var(--ns-muted-fg);font-size:var(--ns-text-sm);border:0;margin:0;padding:0;line-height:1.65}.source-embed footer{justify-content:flex-end}.source-metrics{gap:var(--ns-space-3);color:var(--ns-faint-fg);flex-wrap:wrap;margin-right:auto;display:flex}.source-metrics span{white-space:nowrap}.source-embed footer>a{color:var(--ns-accent);text-underline-offset:.2em}.post-gallery{gap:var(--ns-space-3);flex-direction:column;min-width:0;display:flex}.post-gallery-head{justify-content:space-between;align-items:center;gap:var(--ns-space-3);min-width:0;display:flex}.post-gallery-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;background:var(--ns-border);border:1px solid var(--ns-border);scrollbar-width:thin;scrollbar-color:var(--ns-border-strong) transparent;gap:1px;min-width:0;list-style:none;display:flex;overflow-x:auto}.post-gallery-item{scroll-snap-align:start;background:var(--ns-well);flex-direction:column;flex:0 0 min(100%,26rem);min-width:0;display:flex}.post-gallery-item img{width:100%;height:auto;display:block}.post-gallery-item figcaption{padding:var(--ns-space-3) var(--ns-space-4);border-top:1px solid var(--ns-border)}.post-body .post-gallery-track{flex-direction:row;gap:1px;padding-left:0}.post-body .post-gallery-track>li:before{content:none}.post-frames{gap:var(--ns-space-3);flex-wrap:wrap;align-items:flex-start;display:flex}.post-frames img{border:1px solid var(--ns-border)}.post-devices{gap:var(--ns-space-4);flex-direction:column;min-width:0;display:flex}.post-devices-row{align-items:flex-end;gap:var(--ns-space-5);flex-wrap:wrap;min-width:0;display:flex}.device{gap:var(--ns-space-2);flex-direction:column;flex:100%;min-width:0;max-width:24rem;margin-inline:auto;display:flex}@media (width>=760px){.device{flex:var(--device-aspect) 1 0;max-width:none;margin-inline:0}}.device-frame{border:1px solid var(--ns-border-strong);background:var(--ns-surface);min-width:0;padding:5px}.device[data-device=mobile] .device-frame,.device[data-device=tablet] .device-frame{border-radius:var(--ns-radius-md)}.device[data-device=mobile] .device-frame:before,.device[data-device=tablet] .device-frame:before{content:"";background:var(--ns-border-strong);width:2rem;height:2px;margin:1px auto 4px;display:block}.device[data-device=tablet] .device-frame:before{border-radius:var(--ns-radius-full);width:4px}.device-screen{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ns-border-strong) transparent;background:var(--ns-well);aspect-ratio:var(--device-aspect);min-width:0;display:block;overflow:hidden auto}.device[data-device=mobile] .device-screen,.device[data-device=tablet] .device-screen{border-radius:var(--ns-radius-sm)}.device-screen img{width:100%;height:auto;display:block}.device-stand{flex-direction:column;align-items:center;display:flex}.device-stand:before{content:"";border:1px solid var(--ns-border-strong);background:var(--ns-surface);border-top:0;width:12%;height:.6rem}.device-stand:after{content:"";background:var(--ns-border-strong);width:26%;height:2px}.device-label{align-items:baseline;gap:var(--ns-space-2);min-width:0;display:flex}.device-label span:last-child{color:var(--ns-faint-fg)}.post-pull{border-left:1px solid var(--ns-primary);margin-block:var(--ns-space-8);gap:var(--ns-space-3);flex-direction:column;min-width:0;padding-left:clamp(1rem,3vw,1.75rem);display:flex}.post-pull p{font-size:var(--ns-text-h4);color:var(--ns-fg);text-wrap:pretty;line-height:1.45}.post-pull figcaption{font-family:var(--ns-font-mono);font-size:var(--ns-text-xs);text-transform:uppercase;letter-spacing:var(--ns-label-tracking);color:var(--ns-faint-fg)}@media (prefers-reduced-motion:reduce){:root,.rail-track,.post-gallery-track{scroll-behavior:auto}.pcard:before,.pcard-shot img,.pcard-title,.pcard-arrow,.rail-progress-bar,.rail-btn,.post-toc summary:after,.post-toc-list a,.post-heading-permalink,.post-share-actions a,.post-share-actions button,.post-row{transition:none}.pcard:hover .pcard-shot img,.pcard:focus-visible .pcard-shot img,.pcard:hover .pcard-arrow{transform:none}.pcard:before{opacity:0;transform:scaleX(1)}.pcard:hover:before,.pcard:focus-visible:before{opacity:1}}