.guide{grid-template-columns:minmax(0,1fr);grid-template-areas:"spine""head""rail""body";gap:0 48px;padding-top:20px;display:grid}.guide .g-spine{grid-area:spine}.guide .g-head{grid-area:head}.guide .g-rail{grid-area:rail}.guide .g-body{grid-area:body}@media (width>=1180px){.guide{grid-template-columns:290px minmax(0, var(--measure)) 280px;grid-template-areas:"spine head rail""spine body rail";justify-content:center;padding-top:28px}}.guide .g-head,.guide .g-body{min-width:0}.guide .crumbs{color:var(--muted);margin:14px 0 10px;font-size:.88rem}.guide .crumbs ol{flex-wrap:wrap;gap:2px 8px;margin:0;padding:0;list-style:none;display:flex}.guide .crumbs li+li:before{content:"›";color:var(--muted);margin-right:8px}.guide .crumbs a{color:var(--ink-2)}.guide .g-head h1{letter-spacing:-.02em;margin-top:.2em}.guide .g-head .num{color:var(--accent-ink);margin-right:.2em}.guide .g-head .kicker{margin-top:0}.guide .promise{color:var(--ink-2);margin:0 0 16px;font-size:1.15rem}.guide .never{color:var(--accent-ink);font-weight:700}.guide .g-spine details{border:0;border-top:4px solid var(--ink);background:0 0;border-radius:0;margin-top:14px}.guide .g-spine summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;font-weight:700;list-style:none;display:flex}.guide .g-spine summary::-webkit-details-marker{display:none}.guide .g-spine summary:after{content:"+";color:var(--accent-ink);font-size:1.4rem}.guide .g-spine details[open] summary:after{content:"–"}.guide .spine-in{padding:0 12px 14px}.guide .spine-in h2{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:14px 4px 6px;font-size:.76rem;font-weight:700}.guide .spine-in ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.guide .spine-in li>a,.guide .spine-in li>.a{min-height:44px;color:var(--ink);border-radius:0;grid-template-columns:1.6rem 1fr;align-items:center;gap:2px 8px;padding:4px 8px;font-size:.96rem;line-height:1.25;text-decoration:none;display:grid}.guide .spine-in li>.off{color:var(--ink-2)}.guide .spine-in li>a:hover{background:var(--bg-3);color:var(--ink)}.guide .spine-in li>a[aria-current=page]{background:var(--bg);border-left:4px solid var(--accent);font-weight:700}.guide .spine-in .pill{grid-column:2;justify-self:start}.guide .spine-in li i{font-style:normal;font-family:var(--serif);color:var(--muted);text-align:right;grid-row:1;font-weight:700}.guide .pill{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:.72rem;font-weight:700}.guide .pill.w{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--on-accent)}.guide .spine-note{color:var(--muted);margin:12px 6px 0;font-size:.84rem}@media (width>=1180px){.guide .g-spine{align-self:start;max-height:calc(100vh - 40px);position:sticky;top:20px;overflow:auto}.guide .g-spine summary{display:none}.guide .g-spine details{margin-top:0}}.guide .box{border:0;border-top:1px solid var(--ink);background:0 0;border-radius:0;margin:0 0 16px;padding:14px 0;font-size:.95rem}.guide .box h2{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:700}.guide .box ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guide .toc a{border-left:3px solid var(--line);color:var(--ink);padding:3px 0 3px 10px;line-height:1.3;text-decoration:none;display:block}.guide .toc a:hover{border-color:var(--accent);color:var(--accent-ink)}.guide .applies{border-top:6px solid var(--batt)}.guide .applies dl{gap:8px;margin:0;display:grid}.guide .applies dt{color:var(--ink-2);font-size:.88rem;font-weight:700}.guide .applies dd{color:var(--ink);margin:0}.guide .applies small{color:var(--muted);font-size:.86rem}.guide .tbv{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);vertical-align:middle;white-space:nowrap;border:1px solid;border-radius:3px;margin-left:6px;padding:0 7px;font-size:.72rem;font-weight:700;display:inline-block}.guide .related li{border-left:6px solid var(--c);gap:0;padding-left:10px;display:grid}.guide .related small{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:.74rem;font-weight:700}.guide .related a{color:var(--ink);font-weight:700;line-height:1.3;text-decoration:none}.guide .related a:hover{color:var(--accent-ink)}@media (width>=1180px){.guide .g-rail{align-self:start}.guide .g-rail .toc{position:sticky;top:20px}}.guide .related-end{margin-top:2em}.guide .related-end ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.guide .prose{font-size:1.05rem}.guide .prose h2{margin:1.7em 0 .5em;scroll-margin-top:20px}.guide .prose h2:before{display:none}.guide .prose code{background:var(--bg-3);border-radius:0;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.88em}.guide .tbl{border:1px solid var(--line);background:var(--bg);border-radius:0;margin:1em 0;overflow-x:auto}.guide .tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}.guide .tbl caption{text-align:left;color:var(--ink-2);padding:10px 14px;font-size:.92rem;font-weight:700}.guide .tbl th,.guide .tbl td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:9px 14px}.guide .tbl thead th{background:var(--bg-2);color:var(--ink-2);font-size:.86rem}.guide .tbl td.n{font-variant-numeric:tabular-nums;white-space:nowrap}.guide .tbl td.hl{background:color-mix(in srgb, var(--accent) 12%, transparent);font-weight:700}.guide .diagram{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);background:0 0;border-radius:0;margin:1.4em 0;padding:12px 0 10px;overflow-x:auto}.guide .diagram svg{width:100%;min-width:315px;height:auto;display:block}.guide .diagram figcaption,.guide .fig figcaption{color:var(--muted);margin-top:8px;padding:0 8px;font-size:.9rem}.guide .diagram .bx{fill:var(--bg);stroke-width:3px}.guide .diagram .t{fill:var(--ink);font:700 25px var(--sans)}.guide .diagram .m{fill:var(--ink-2);font:600 24px var(--sans)}.guide .fig-s text{font:600 26px var(--sans);fill:var(--ink)}.guide .flowd{fill:none;stroke-width:5px;stroke-linecap:round;stroke-dasharray:4 10;animation:1.1s linear infinite g-flow}.guide .flowd.rev{animation-direction:reverse}@keyframes g-flow{to{stroke-dashoffset:-28px}}@media (prefers-reduced-motion:reduce){.guide .flowd{animation:none}}.guide .gotcha{border-left:8px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg));border-radius:0;margin:1.4em 0;padding:14px 18px}.guide .gotcha b.k{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:4px;font-size:.78rem;display:block}.guide .gotcha p:last-child{margin:0}.guide .gotcha .cmp{float:right;width:150px;height:150px;margin:0 0 8px 16px}.guide .gotcha .cmp text{font:700 14px var(--sans)}@media (width<=520px){.guide .gotcha .cmp{float:none;margin:0 auto 8px;display:block}}.guide .code{border:1px solid var(--line);background:var(--band);color:var(--band-ink);border-radius:0;margin:1.2em 0;overflow:hidden}.guide .code .bar{background:color-mix(in srgb, var(--band) 70%, var(--band-ink));border-bottom:1px solid var(--line);color:var(--band-muted);justify-content:space-between;align-items:center;gap:10px;padding:4px 6px 4px 14px;font-size:.86rem;display:flex}.guide .code button{border:1px solid var(--band-muted);min-width:76px;min-height:44px;color:var(--band-ink);font:700 .9rem var(--sans);cursor:pointer;background:0 0;border-radius:8px}.guide .code button:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.guide .code button:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.guide .code pre{tab-size:2;color:var(--band-ink);background:0 0;margin:0;padding:14px;font:500 .88rem/1.55 ui-monospace,monospace;overflow-x:auto}.guide .code .c{color:var(--band-muted)}.guide .code .sr{position:absolute;left:-9999px}.guide .fig.ph{margin:1.4em 0}.guide .pn{gap:12px;margin:2.4em 0 1em;display:grid}@media (width>=600px){.guide .pn{grid-template-columns:1fr 1fr}}.guide .pnx{border:2px solid var(--line);min-height:64px;color:var(--muted);border-radius:0;padding:12px 16px;display:block}.guide .pnx small{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}.guide .pnx b{font-family:var(--serif);color:var(--ink-2);font-size:1.05rem}.guide .suggest{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 18px;padding-top:12px;font-size:.94rem;display:flex}.guide .suggest a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}