.guide{--rail-width:320px;--below-header:calc(var(--header-height) + var(--space-6));grid-template:"title title" auto "rail chapters" auto / var(--rail-width) minmax(0, 1fr);gap:var(--space-8);padding:var(--space-12) var(--page-gutter) var(--space-16);display:grid}@media (width<=1200px){.guide{gap:var(--space-6);padding:var(--space-8) var(--space-5) var(--space-12);grid-template:"title""rail""chapters"/minmax(0,1fr)}}.guide-title{justify-content:space-between;align-items:center;gap:var(--space-6) var(--space-8);flex-wrap:wrap;grid-area:title;display:flex}.guide-aside{width:var(--rail-width)}@media (width<=1200px){.guide-aside{width:100%}}.guide-intro{max-width:72ch;color:var(--color-text-muted)}.guide-title .guide-intro{margin-top:var(--space-6)}.guide-rail{top:calc(var(--below-header) - var(--space-1));align-self:start;gap:var(--space-6);max-height:calc(100dvh - var(--below-header) - var(--space-6));padding:var(--space-1);margin:calc(-1 * var(--space-1));overscroll-behavior:contain;grid-area:rail;display:grid;position:sticky;overflow-y:auto}@media (width<=1200px){.guide-rail{grid-template-columns:repeat(auto-fit, minmax(min(var(--rail-width), 100%), 1fr));max-height:none;position:static;overflow:visible}}.guide-rail-group{align-content:start;gap:var(--space-2);display:grid}.guide-rail-group+.guide-rail-group{padding-top:var(--space-6);border-top:1px solid var(--color-line-soft)}@media (width<=1200px){.guide-rail-group+.guide-rail-group{border-top:0;padding-top:0}}.guide-rail-group h2{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font:var(--text-md) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow);display:flex}.guide-rail-group h2 .icon{color:var(--color-text-muted)}.guide-rail-group h3{margin-block:var(--space-4) var(--space-2);color:var(--color-text-muted);font:var(--text-sm) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow)}.guide-rail-group h3:first-child{margin-top:0}.guide-rail-group .button{width:100%}.guide-links{gap:var(--space-2);display:grid}.guide-links .button{justify-content:flex-start}.guide-number{font:var(--text-md) / var(--leading-none) var(--font-control)}.guide-chapters{align-content:start;gap:var(--space-8);grid-area:chapters;min-width:0;display:grid}.guide-chapter{--panel-padding:0px;--panel-background:var(--color-bg);scroll-margin-top:var(--below-header)}.guide-chapter[data-tone=allowed]{--panel-background:color-mix(in srgb, var(--color-win) 6%, var(--color-bg));--mark:var(--color-win)}.guide-chapter[data-tone=disallowed]{--panel-background:color-mix(in srgb, var(--color-loss) 6%, var(--color-bg));--mark:var(--color-loss)}.guide-chapter-title{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-bg-deep);flex-wrap:wrap;display:flex}.guide-chapter-title h2{flex:1}@media (width<=1200px){.guide-chapter-title{padding:var(--space-4)}}@media (width<=600px){.guide-chapter-title>.button{flex-basis:100%}}.guide-heading{font:var(--text-lg) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow)}@media (width<=1200px){.guide-heading{font-size:var(--text-md)}}.guide-mark{width:var(--control-size);height:var(--control-size);background:var(--panel-background);color:var(--mark,var(--color-accent));font:var(--text-lg) / var(--leading-none) var(--font-display);--shadow:var(--text-shadow);flex:none;place-items:center;display:grid}.guide-prose{color:var(--color-text-muted);overflow-wrap:anywhere}.guide-prose>*+*{margin-top:var(--space-5)}.guide-prose ul{padding-left:var(--space-6);list-style:outside}.guide-prose li+li{margin-top:var(--space-3)}.guide-prose li::marker{color:var(--color-text-dim)}.guide-prose :is(strong,em){color:var(--color-text);font-style:normal}.guide-prose strong{font-weight:600}.guide-prose :is(h3,h4){color:var(--color-text);font:var(--text-md) / var(--leading-tight) var(--font-display);--shadow:var(--text-shadow)}.guide-prose :is(kbd,code){padding:0 var(--space-0-5) 0 var(--space-1);border-bottom:2px solid var(--color-line);background:var(--color-bg-deep);color:var(--color-text);font:var(--text-sm) / var(--leading-body) var(--font-display);-webkit-box-decoration-break:clone;box-decoration-break:clone}.guide-chapter>.guide-prose{padding:var(--space-6)}@media (width<=1200px){.guide-chapter>.guide-prose{padding:var(--space-4)}}:is(.guide-prose,.guide-intro) a{color:var(--color-accent);text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent) 40%, transparent)}:is(.guide-prose,.guide-intro) a:hover{color:var(--color-text);text-decoration-color:currentColor}