/* Section guides share the article reading shell and the site's topic cards. */
.guide-topics,.guide-cta{max-width:1220px;margin:0 auto;padding:0 24px 48px}
.guide-topics h2{font-size:1.5rem;margin:0 0 18px}
.guide-topics .bloggrid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.guide-topics .bloglink h3{margin:0;font-size:1.08rem;line-height:1.3}
.guide-topics .bloglink p{margin-top:8px}
.guide-page a:focus-visible,.guide-page summary:focus-visible{outline:2px solid var(--grape);outline-offset:4px}
.guide-page .reading-layout{padding-bottom:24px}
.guide-page .reading-body .faq details{border-bottom:1px solid var(--line);padding:16px 0}
.guide-page .reading-body .faq details:first-child{border-top:1px solid var(--line)}
.guide-page .reading-body .faq summary{cursor:pointer;font-weight:700;color:var(--plum);padding:4px 0}
.guide-page .reading-body .faq summary::marker{color:var(--grape)}
.guide-page .reading-body .faq details p{padding-top:12px}
.guide-note{background:var(--cream-2);padding:20px 24px;margin:24px 0;font-size:.95rem}
.guide-cta .claycta{margin:0;padding:0}
.guide-cta .claycta-copy h2{max-width:16ch}
.reading-body .guide-directory{list-style:none;padding:0;margin:0}
.reading-body .guide-directory li{margin:0;padding:18px 0;border-bottom:1px solid var(--line)}
.reading-body .guide-directory li:first-child{padding-top:0}
.guide-directory a{font-weight:700}
.reading-body .guide-directory p{margin:8px 0 0;color:var(--ink-soft)}
@media(max-width:1000px){.guide-topics .bloggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-topics .bloggrid{grid-template-columns:1fr}.guide-topics{padding-bottom:32px}}
@media(max-width:480px){.guide-topics,.guide-cta{padding-left:20px;padding-right:20px}}