/* Task-based guide directory; no scripts or tracking. */
.reading .guide-start{background:var(--tint);border-left:4px solid var(--brand)}
.reading .guide-group{margin:36px 0}
.reading .guide-group>h2{font-size:1.5rem;margin-bottom:12px}
.reading .guide-group .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.reading .guide-group .card{margin:0;min-width:0}
.reading .guide-group .card h3{font-size:1.15rem;line-height:1.4;margin:0}
.reading .guide-group .card a{display:block;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.reading .guide-group .card p{margin-bottom:0;color:var(--muted)}
.reading [aria-current=page]{font-weight:750;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.reading .guide-group .cards{grid-template-columns:1fr}}

/* Keep task navigation within reach on a narrow screen. */
.reading.visual-directory .topic-nav{display:flex;flex-wrap:wrap;gap:8px 12px}
.reading.visual-directory .topic-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;gap:4px}
.reading.visual-directory .topic-count{font-variant-numeric:tabular-nums;font-size:.86em}
.reading.visual-directory .guide-group>h2{scroll-margin-top:24px}
.reading.visual-directory .guide-group>p{color:var(--muted);max-width:70ch}
@media(max-width:700px){
 .reading.visual-directory .directory-header{display:block;padding:16px 0!important}
 .reading.visual-directory .directory-art{display:none}
 .reading.visual-directory .directory-header h1{font-size:2rem;line-height:1.16}
 .reading.visual-directory .guide-search{margin-top:12px;padding:16px}
 .reading.visual-directory .topic-nav{gap:8px;padding:16px 0}
 .reading.visual-directory .topic-nav a{flex:1 1 140px;justify-content:center;text-align:center}
}