@layer components{.guide-layout{display:grid;gap:2.25rem;padding-block:1.5rem 1rem}@media(width>=64rem){.guide-layout{grid-template-columns:13.5rem minmax(0,44rem);column-gap:4rem;justify-content:center}.guide-hero,.guide-body{grid-column:2}.guide-toc{grid-column:1;grid-row:1 / 3;position:sticky;top:6rem;align-self:start;margin-top:7.5rem}}.guide-hero .crumbs{margin-bottom:1.75rem}.guide-hero .lead{margin-top:1rem}.guide-updated{margin-top:.75rem;font-size:.875rem;color:var(--color-muted)}.guide-summary{margin-block:1.5rem;padding:1.125rem 1.25rem 1.25rem;border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);font-size:1.0625rem}.guide-summary>*+*{margin-top:.625rem}.guide-toc ol{counter-reset:q;margin-top:.5rem;border-left:1px solid var(--color-line-strong)}.guide-toc a{display:flex;gap:.625rem;padding:.375rem 0 .375rem .875rem;font-size:.9375rem;line-height:1.35;color:var(--color-body);text-decoration:none;counter-increment:q}.guide-toc a:before{content:counter(q,decimal-leading-zero);font:650 .75rem/1.6 var(--font-display);color:var(--color-accent)}.guide-part{margin-bottom:2.5rem}.guide-part .ruler{margin-bottom:1rem}.guide-q{margin-bottom:.75rem}.guide-a{font-size:1.0625rem;color:var(--color-ink)}.prose .ticks{padding-left:0;list-style:none}.guide-more ul{display:grid;gap:.625rem}.guide-more .text-link{display:inline}.guide-more .glyph{margin-left:.375rem}:is(.guide-toc,.guide-more) a:hover{color:var(--color-accent-strong);text-decoration:underline}}