.guides-hero{background:var(--ink);color:var(--bone);text-align:center;padding-block:var(--space-14) var(--space-12)}.guides-hero h1{letter-spacing:-.02em;margin-top:var(--space-4);font-size:clamp(2.1rem,4.6vw,3.2rem);font-weight:700}.guides-hero p{color:var(--bone-muted);max-width:56ch;margin:var(--space-5) auto 0;font-size:1.05rem}.guides-list-section{padding-block:var(--space-14)}.guides-grid{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.guides-grid .guide-card{flex:300px;max-width:420px}.guide-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-soft);padding:26px var(--space-6);color:var(--text);box-shadow:var(--shadow);flex-direction:column;gap:10px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.guide-card:hover{border-color:var(--accent);transform:translateY(-3px)}.guide-card-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.68rem}.guide-card h2{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.guide-card p{color:var(--text-muted);flex:1;margin:0;font-size:.9rem;line-height:1.5}.guide-card-meta{font-family:var(--font-mono);color:var(--text-muted);margin-top:var(--space-1);font-size:.7rem}@media (width>=1100px){.guides-grid:has(>.guide-card:nth-child(7):last-child)>.guide-card{flex:0 0 calc((100% - 3 * var(--space-6)) / 4);max-width:none}}@media (width>=901px){.guides-grid:has(>.guide-card:nth-child(3):last-child)>.guide-card{flex:1 1 0;max-width:none}}@media (width>=701px) and (width<=1099px){.guides-grid:has(>.guide-card:nth-child(7):last-child)>.guide-card{flex:0 0 calc((100% - var(--space-6)) / 2);max-width:none}.guides-grid:has(>.guide-card:nth-child(7):last-child)>.guide-card:last-child{flex-basis:100%}}@media (width>=701px) and (width<=900px){.guides-grid:has(>.guide-card:nth-child(3):last-child)>.guide-card{flex:0 0 calc((100% - var(--space-6)) / 2);max-width:none}.guides-grid:has(>.guide-card:nth-child(3):last-child)>.guide-card:last-child{flex-basis:100%}}