.guide-shell{align-items:start;gap:var(--gap-lg);grid-template-columns:minmax(0,1fr);display:grid}.guide-page{--guide-article-pad:clamp(16px, 3vw, 24px);counter-reset:guide-section;min-width:0}.guide-toc{border:1px solid var(--bench-line);border-radius:var(--r-card);background:var(--bench-2);width:300px;min-width:300px;padding:14px 16px}.guide-toc__title{color:var(--panel);font:700 13px/1.3 var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.guide-toc ol{gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.guide-toc a{border-left:2px solid var(--bench-line);color:var(--paper-soft);padding:5px 10px;line-height:1.45;text-decoration:none;display:block}.guide-toc a:hover,.guide-toc a:focus-visible{border-left-color:var(--orange);color:var(--panel);text-decoration:none}.guide-toc li.is-sub a{padding-left:22px;font-size:12.5px}.guide-toc__mobile{display:none}@media (width>=1000px){.guide-shell--with-toc{grid-template-columns:minmax(0,1fr) 300px}.guide-shell>.guide-toc{grid-area:1/2;position:sticky;top:90px}}@media (width<=999px){.guide-page{display:contents}.guide-page>.crumbs{order:1}.guide-page>.page-head{order:2}.guide-shell>.guide-toc{order:3;width:100%;min-width:0;position:static}.guide-page>:not(.crumbs,.page-head){order:4}.guide-toc__desktop{display:none}.guide-toc__mobile{display:block}.guide-toc__mobile summary{cursor:pointer;color:var(--paper);font-weight:700}.guide-toc__mobile ol{max-height:40vh;margin-top:8px;overflow-y:auto}}.guide-page>:where(h2,h3,p,ul,ol,table,details){box-sizing:border-box;border-inline:1px solid var(--bench-line);background:var(--bench-2);width:100%;color:var(--paper);margin:0;font-size:1rem;line-height:1.75}.guide-page>h2{padding:2.25rem var(--guide-article-pad) .9rem;border-top:1px solid var(--bench-line);color:var(--paper);letter-spacing:-.01em;align-items:baseline;gap:.75rem;scroll-margin-top:90px;font-size:clamp(1.15rem,2.1vw,1.45rem);font-weight:900;line-height:1.25;display:flex}.guide-page>h2:first-of-type{margin-top:var(--gap);border-radius:var(--r-card) var(--r-card) 0 0;padding-top:var(--guide-article-pad)}.guide-page>h2:before{counter-increment:guide-section;content:counter(guide-section, decimal-leading-zero);color:var(--orange);flex:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em;font-weight:900}.guide-page>h3{padding:1.6rem var(--guide-article-pad) .6rem;border-left:3px solid var(--orange);color:var(--paper);scroll-margin-top:90px;font-size:1.05rem;font-weight:800;line-height:1.35}.guide-page>p{padding:0 var(--guide-article-pad) 1rem}.guide-page>ul,.guide-page>ol{padding:0 var(--guide-article-pad) 1.15rem calc(var(--guide-article-pad) + 1.35rem)}.guide-page>ul{list-style:outside}.guide-page>ol{list-style:decimal}.guide-page>:where(ul,ol) li{margin:0 0 .45rem}.guide-page>:where(ul,ol) li::marker{color:var(--panel)}.guide-page>:where(p,ul,ol,details) strong{color:var(--paper)}.guide-page>:where(p,ul,ol,details) code{border:1px solid var(--bench-line);background:var(--bench);color:var(--paper);border-radius:3px;padding:.1em .35em;font-size:.92em}.guide-page>table{padding:0 var(--guide-article-pad) 1.25rem;border-collapse:collapse;display:table}.guide-page>table th,.guide-page>table td{border:1px solid var(--bench-line);text-align:left;padding:.5rem .65rem}.guide-page>table th{background:var(--bench-3);color:var(--paper);font-weight:800}.guide-page>details{padding:0 var(--guide-article-pad) 1.25rem;border:1px solid var(--bench-line);border-left:3px solid var(--panel-rim);background:var(--bench);border-radius:4px}.guide-page>details summary{color:var(--paper);cursor:pointer;padding:.7rem .9rem;font-weight:800}.guide-page>details summary:hover{color:var(--panel)}.guide-page>details[open] summary{border-bottom:1px solid var(--bench-line)}.guide-page>details>:not(summary){margin-inline:.9rem}.guide-page>details>:nth-child(2){margin-top:.9rem}.guide-page>:where(p,ul,ol,details) a,.guide-page>table a{color:var(--cyan);text-decoration:underline}.guide-page>:where(p,ul,ol,details) a:hover,.guide-page>table a:hover{color:#9cecff}.guide-page>:where(h2,h3,p,ul,ol,table,details):not(:has(~:where(h2,h3,p,ul,ol,table,details))){border-bottom:1px solid var(--bench-line);border-radius:0 0 var(--r-card) var(--r-card);padding-bottom:var(--guide-article-pad)}@media (width<=640px){.guide-page>:where(h2,h3,p,ul,ol,table,details){font-size:.95rem}}