.guide{max-width:1100px;gap:28px;padding-bottom:56px}.guide h1{font-size:clamp(52px,13vw,112px)}.guide-intro p+p,.guide-why p+p{margin-top:.7em}.guide-groups{display:grid;gap:36px}.guide-group{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--line-2)}.guide-group h2{font:400 clamp(32px,7vw,52px)/1 var(--display);letter-spacing:-.01em}.guide-group h2 a{color:var(--ink);text-decoration:none}.guide-group h2 a:hover,.guide-group h2 a:focus-visible{color:var(--signal)}.guide-why{max-width:62ch;font-size:17px;color:var(--ink-2)}.guide-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.guide-card{display:grid;gap:6px;height:100%;padding:14px 16px 16px;border:1px solid var(--line-2);border-left:4px solid var(--pack);border-radius:3px;background:var(--room-2);color:var(--ink);text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease)}.guide-card:hover,.guide-card:focus-visible{border-color:var(--pack);transform:translateY(-1px)}.guide-card .edge{font-size:11px;color:var(--ink-3)}.guide-card strong{font:400 28px/1 var(--display)}.guide-line{font-size:15px;line-height:1.4;color:var(--ink-2)}@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}.guide-start{font-size:11px;color:var(--ink-3);margin-top:2px}.guide-all{margin-top:8px}
