.guide{padding-block:var(--sp-5) 0;gap:var(--sp-5)}.guide__layout{align-items:start}.guide__article{min-width:0;display:grid;gap:var(--sp-7);align-content:start}.guide-head{display:grid;gap:var(--sp-3);max-width:var(--measure)}.guide-head h1{text-wrap:pretty}.guide-head__cat a{color:inherit;text-decoration:none;position:relative;display:inline-block}.guide-head__cat a:before{content:"";position:absolute;left:0;right:0;top:calc(50% - 1.375rem);bottom:calc(50% - 1.375rem)}.guide-head__cat a:hover{color:var(--c-accent)}.guide-byline{margin-top:var(--sp-1)}.guide-byline__sep{color:var(--c-border-strong)}.guide-answer{max-width:var(--measure)}.guide-answer p+p{margin-top:.6em}.guide-answer p{font-size:var(--fs-lg);line-height:var(--lh-body)}.guide-answer code{font-size:.9em}.guide-body{display:grid;gap:var(--sp-7)}.guide__section{min-width:0;max-width:var(--measure)}.guide__section h2{scroll-margin-top:5rem;margin-bottom:var(--sp-3)}.guide__section h3{scroll-margin-top:5rem;margin-top:var(--sp-6);margin-bottom:var(--sp-2)}.guide__section .prose>:last-child{margin-bottom:0}.guide__section .prose p+p{margin-top:0}.guide__section .prose li{padding-inline-start:.15em}.guide__section .prose li+li{margin-top:var(--sp-2)}.guide__section .prose strong{font-weight:var(--fw-semibold)}.guide__section .prose kbd{font-family:var(--font-mono);font-size:var(--fs-xs);padding:.15em .45em;border:var(--border-w) solid var(--c-border-strong);border-bottom-width:2px;border-radius:var(--r-xs);background:var(--c-surface)}.guide__section .prose .table-wrap,.guide__section .prose .code{margin:var(--sp-4) 0}.guide__section .prose .code pre{white-space:pre;overflow-x:auto}.guide__section .prose blockquote{margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-5);border-inline-start:3px solid var(--c-border-strong);color:var(--c-text-2)}.guide-figure{margin:var(--sp-5) 0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}.guide-figure svg{width:100%;height:auto;display:block;border:var(--border-w) solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);color:var(--c-text)}.guide-figure__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.guide-figure__scroll>svg{min-width:32rem}@media(max-width:36em){.guide-figure>svg{min-width:32rem}.guide-figure{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.guide-figure[data-scroll-hint]:after{content:attr(data-scroll-hint);display:block;width:max-content;max-width:100%;position:sticky;left:0;font-size:var(--fs-xs);color:var(--c-text-3)}}.guide-figure figcaption{font-size:var(--fs-sm);color:var(--c-text-3)}.guide-figure img{max-width:100%;height:auto;display:block;border-radius:var(--r-lg);border:var(--border-w) solid var(--c-border)}.guide-figure--image{overflow:visible}@media(max-width:36em){.guide-figure--image{overflow-x:visible}.guide-figure--image[data-scroll-hint]:after{content:none}}.guide-figure .f-ink{fill:var(--c-text)}.guide-figure .f-ink2{fill:var(--c-text-2)}.guide-figure .f-ink3{fill:var(--c-text-3)}.guide-figure .f-accent{fill:var(--c-accent)}.guide-figure .f-accent-soft{fill:var(--c-accent-soft)}.guide-figure .s-accent{stroke:var(--c-accent)}.guide-figure .s-accent-border{stroke:var(--c-accent-border)}.guide-figure .f-surface{fill:var(--c-surface)}.guide-figure .f-surface2{fill:var(--c-surface-2)}.guide-figure .f-surface3{fill:var(--c-surface-3)}.guide-figure .s-border{stroke:var(--c-border)}.guide-figure .s-border-strong{stroke:var(--c-border-strong)}.guide-figure .s-ink{stroke:var(--c-text)}.guide-figure .s-ink2{stroke:var(--c-text-2)}.guide-figure .f-ok-soft{fill:var(--c-ok-soft)}.guide-figure .s-ok{stroke:var(--c-ok-border)}.guide-figure .f-ok{fill:var(--c-ok)}.guide-figure .f-warn-soft{fill:var(--c-warn-soft)}.guide-figure .s-warn{stroke:var(--c-warn-border)}.guide-figure .f-warn{fill:var(--c-warn)}.guide-figure text{font-family:var(--font-sans);font-size:13px}.guide-figure .mono{font-family:var(--font-mono);font-weight:500}.guide-figure .small{font-size:11px}.guide-live{display:grid;gap:var(--sp-4);max-width:var(--measure);scroll-margin-top:5rem}.guide-live__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.guide-live__grid{display:grid;gap:var(--sp-3);grid-template-columns:1fr}@media(min-width:30em){.guide-live__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-live__grid .stat__value{min-height:1.4em}.guide-live__grid .stat__value.mono{font-size:var(--fs-md);word-break:break-all}.guide-live__note{font-size:var(--fs-sm);color:var(--c-text-2);max-width:60ch}.guide-live .guide-live__cta.btn{justify-self:start;max-width:100%;white-space:normal;text-align:start;padding-block:.5rem;height:auto}.guide-live,.guide-live__grid .stat{min-width:0}.guide-ad{display:grid;justify-items:start}.guide-ad .ad-slot{max-width:100%;margin-inline:0}.guide-refs{max-width:var(--measure)}.guide-refs__list{margin-top:var(--sp-3);padding-inline-start:1.4em;font-size:var(--fs-md);color:var(--c-text-2);display:grid;gap:var(--sp-2)}.guide-refs__list a{overflow-wrap:anywhere}.guide-author{max-width:var(--measure)}.guide-related{display:grid;gap:var(--sp-4)}.guide-related__grid{grid-template-columns:1fr}@media(min-width:40em){.guide-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-related__grid .post-card{padding:var(--sp-4) var(--sp-5);border:var(--border-w) solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);gap:var(--sp-2);align-content:start;transition:border-color var(--dur-2) var(--ease-out)}.guide-related__grid .post-card:hover{border-color:var(--c-border-strong)}.guide-related__grid .post-card__title{font-size:var(--fs-base)}.guide-toc--desktop{display:none}.guide-toc--mobile{border:var(--border-w) solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);max-width:var(--measure)}.guide-toc--mobile summary{list-style:none;display:flex;align-items:center;gap:var(--sp-2);min-height:var(--target);padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semibold);font-size:var(--fs-md);cursor:pointer;border-radius:var(--r-lg)}.guide-toc--mobile summary::-webkit-details-marker{display:none}.guide-toc--mobile summary .icon{color:var(--c-text-3);transition:transform var(--dur-3) var(--ease-out)}.guide-toc--mobile[open] summary .icon{transform:rotate(180deg)}.guide-toc--mobile .toc{padding:0 var(--sp-4) var(--sp-4)}.guide-side{display:grid;gap:var(--sp-4);align-content:start;min-width:0}.guide-side__ip{display:grid;gap:var(--sp-2);justify-items:start}.guide-side__addr{font-size:var(--fs-lg);overflow-wrap:anywhere}.guide-side__tools{padding:var(--sp-4)}.guide-side__ad{max-width:100%;justify-self:start}@media(min-width:64em){.guide-toc--desktop{display:block}.guide-toc--mobile{display:none}.guide__layout{grid-template-columns:11rem minmax(0,1fr) 18rem;gap:var(--sp-8)}.guide-toc--desktop .toc{max-height:calc(100dvh - 7rem);overflow:auto}}@media(min-width:80em){.guide__layout{grid-template-columns:12rem minmax(0,1fr) 18rem;gap:var(--sp-10)}}@media print{.guide-side,.guide-toc,.guide-ad,.guide-live__cta{display:none!important}.guide__layout{display:block}}