.guides-index{padding-block:var(--space-4) var(--space-10)}.guides-index__intro,.guides-index__chapter,.guides-index__areas{border:var(--border-width-thin) solid var(--color-border);background:var(--color-surface)}.guides-index__intro{grid-template-columns:minmax(21rem,.76fr) minmax(0,1.24fr);display:grid}.guides-index__copy{min-block-size:17.5rem;padding:clamp(var(--space-6),3vw,var(--space-9));border-inline-end:var(--border-width-thin) solid var(--color-border);align-content:center;display:grid}.guides-index__copy h1{max-inline-size:13ch;font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(2.7rem,4.3vw,4.2rem);line-height:.94}.guides-index__copy p{max-inline-size:40rem;margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:1rem;line-height:1.5}.guides-index__visual{background:var(--color-bg);min-block-size:17.5rem;min-inline-size:0;margin:0;overflow:hidden}.guides-index__visual img{object-fit:cover;object-position:60% center;border-radius:0;block-size:100%;inline-size:100%}.guides-index__jumps{border-block-start:var(--border-width-thin) solid var(--color-border);grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.guides-index__jumps a{min-block-size:3.9rem;min-inline-size:0;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);border-inline-end:var(--border-width-thin) solid var(--color-border);color:var(--color-text);font-family:var(--display);font-weight:700;text-decoration:none;display:flex}.guides-index__jumps a:last-child{border-inline-end:0}.guides-index__jumps a:is(:hover,:focus-visible){background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface));box-shadow:inset 3px 0 0 var(--color-accent);outline:none}.guides-index__jumps svg,.guides-index__chapter-icon svg,.guides-index__area h3 svg,.guides-index__decision svg{block-size:1.3rem;inline-size:1.3rem;color:var(--color-accent);fill:none;stroke:currentColor;stroke-width:1.8px;flex:0 0 1.3rem}.guides-index__directories{gap:var(--space-4);margin-block-start:var(--space-4);display:grid}.guides-index__chapter{scroll-margin-block-start:var(--space-5)}.guides-index__chapter-heading{min-block-size:5.2rem;padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);border-block-end:var(--border-width-thin) solid var(--color-border);grid-template-columns:2.4rem minmax(0,1fr) auto;display:grid}.guides-index__chapter-icon{border:var(--border-width-thin) solid var(--line-bright);background:var(--color-bg);place-items:center;block-size:2.4rem;inline-size:2.4rem;display:grid}.guides-index__chapter-heading h2,.guides-index__areas-heading h2{font-family:var(--display);margin:0;font-size:clamp(1.55rem,2.2vw,2rem);line-height:1}.guides-index__chapter-heading p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.guides-index__chapter-heading>a{color:var(--color-accent);font-weight:600;text-decoration:none}.guides-index__chapter-heading>a:is(:hover,:focus-visible){color:var(--color-text);text-decoration:none}.guides-index__chapter .gw-article-list{border-block-start:0}.guides-index__empty{padding:var(--space-5);color:var(--color-text-muted);margin:0}.guides-index__areas{margin-block-start:var(--space-6)}.guides-index__areas-heading{padding:var(--space-6);border-block-end:var(--border-width-thin) solid var(--color-border)}.guides-index__areas-heading>.eyebrow{margin-block-end:var(--space-2)}.guides-index__areas-heading>p:last-child{max-inline-size:46rem;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:1.5}.guides-index__area-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guides-index__area{min-inline-size:0;padding:var(--space-5);border-inline-end:var(--border-width-thin) solid var(--color-border)}.guides-index__area:last-child{border-inline-end:0}.guides-index__area h3{margin:0 0 var(--space-4);align-items:center;gap:var(--space-2);font-family:var(--display);font-size:1.25rem;display:flex}.guides-index__area>div{gap:var(--space-4);display:grid}.guides-index__area article{border-block-start:var(--border-width-thin) solid var(--color-border);padding-block-start:var(--space-4)}.guides-index__area h4{margin:0;font-size:1rem}.guides-index__area h4 a{color:var(--color-text);text-decoration:none}.guides-index__area h4 a:is(:hover,:focus-visible){color:var(--color-accent)}.guides-index__area article p{margin:var(--space-2) 0;color:var(--color-text-muted);font-size:.82rem;line-height:1.45}.guides-index__decision{align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:.78rem;font-weight:700;text-decoration:none;display:flex}.guides-index__decision svg{flex-basis:1rem;block-size:1rem;inline-size:1rem}@media (width<=66rem){.guides-index__jumps{grid-template-columns:repeat(3,minmax(0,1fr))}.guides-index__jumps a:nth-child(3n){border-inline-end:0}.guides-index__jumps a:nth-child(-n+3){border-block-end:var(--border-width-thin) solid var(--color-border)}.guides-index__area-grid{grid-template-columns:1fr}.guides-index__area,.guides-index__area:last-child{border-inline-end:0}.guides-index__area+.guides-index__area{border-block-start:var(--border-width-thin) solid var(--color-border)}}@media (width<=48rem){.guides-index{padding-block:var(--space-2) var(--space-8)}.guides-index__intro{grid-template-columns:minmax(0,1fr)}.guides-index__copy{min-block-size:0;padding:var(--space-6) var(--space-5);border-inline-end:0;border-block-end:var(--border-width-thin) solid var(--color-border)}.guides-index__copy h1{font-size:clamp(2.45rem,13vw,3.45rem)}.guides-index__visual{block-size:10.5rem;min-block-size:0}.guides-index__jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-index__jumps a,.guides-index__jumps a:nth-child(3n){border-inline-end:var(--border-width-thin) solid var(--color-border);border-block-end:var(--border-width-thin) solid var(--color-border);min-block-size:3.5rem}.guides-index__jumps a:nth-child(2n){border-inline-end:0}.guides-index__jumps a:nth-last-child(-n+2){border-block-end:0}.guides-index__chapter-heading{min-block-size:0;padding:var(--space-4);grid-template-columns:2.4rem minmax(0,1fr)}.guides-index__chapter-heading>a{grid-column:1/-1}.guides-index__areas-heading,.guides-index__area{padding:var(--space-4)}}