/* Reading guides (/guides). Uses the site's tokens from styles.css. */
.guide { max-width: 720px; margin: 0 auto; padding: 48px var(--space-sm) var(--space-xl); }
.guide h1 { font-size: clamp(2rem, 5vw, 2.75rem); line-height: 1.15; margin-bottom: 10px; color: var(--ink); }
.guide h2 { font-size: 1.5rem; line-height: 1.25; margin: var(--space-lg) 0 var(--space-sm); color: var(--ink); }
.guide h3 { font-size: 1.125rem; margin: var(--space-md) 0 8px; color: var(--ink); }
.guide p, .guide li { color: var(--stone); line-height: 1.8; font-size: 1.0625rem; }
.guide p { margin-bottom: var(--space-sm); }
.guide ul, .guide ol { margin: 0 0 var(--space-sm) 1.25rem; }
.guide li { margin-bottom: 8px; }
.guide strong { color: var(--ink); font-weight: 600; }
.guide a { color: var(--rose-light); text-decoration: underline; text-underline-offset: 3px; }
.guide-crumb { font-size: 0.875rem !important; margin-bottom: 8px !important; }
.guide-crumb a { text-decoration: none; }
.guide-meta { font-size: 0.875rem !important; color: var(--mist) !important; margin-bottom: var(--space-md) !important; }
.guide-lede { font-size: 1.1875rem !important; color: var(--ink) !important; }
.guide-note { border-left: 3px solid var(--rose); padding: 4px 0 4px var(--space-sm); margin: var(--space-md) 0; }
.guide-cta { display: flex; gap: var(--space-sm); align-items: flex-start; background: var(--blush); border-radius: 18px; padding: var(--space-md); margin: var(--space-lg) 0; }
.guide-cta-icon { width: 64px; height: 64px; border-radius: 15px; flex: none; }
.guide-cta-title { font-family: 'Fraunces', Georgia, serif; font-size: 1.25rem !important; color: var(--ink) !important; margin-bottom: 6px !important; line-height: 1.3 !important; }
.guide-cta-text { font-size: 0.975rem !important; margin-bottom: var(--space-sm) !important; }
.guide .guide-cta-btn, .guide .guide-cta-btn:hover { color: #fff; text-decoration: none; }
.guide-more { margin-top: var(--space-lg); }
.guide-more ul { list-style: none; margin-left: 0; }
.guide-nav-link { font-size: 0.9375rem; font-weight: 500; color: var(--ink); text-decoration: none; padding: 8px 10px; }
.guide-list { list-style: none; margin: 0 !important; display: grid; gap: var(--space-sm); }
.guide-list a { display: block; padding: var(--space-md); border-radius: 16px; background: var(--blush); text-decoration: none; }
.guide-list strong { display: block; font-family: 'Fraunces', Georgia, serif; font-size: 1.25rem; margin-bottom: 6px; }
.guide-list span { color: var(--stone); font-size: 0.975rem; line-height: 1.6; }
@media (max-width: 560px) {
    .guide-cta { flex-direction: column; }
    .guide-cta-icon { width: 52px; height: 52px; }
}