/* Core guides: quick decisions first, optional depth beneath. */
.guide-scan .article-heading .article-deck{max-width:60ch}
.guide-scan .article-body .article-hero{height:210px;object-fit:cover;margin-bottom:16px}
.guide-scan .article-body .guide-highlights{padding:20px 0 12px}
.guide-benefit{display:grid;grid-template-columns:minmax(0,1fr);padding:18px 0;border-bottom:1px solid var(--line)}
.guide-scan .article-body .guide-benefit h3{font-size:22px;line-height:1.4;margin:0 0 8px;letter-spacing:-.3px}
.guide-scan .article-body .guide-benefit p{font-size:17px;line-height:1.7;margin:0}
.guide-scan .article-body section.guide-example{margin:24px 0;padding:24px 28px;border:0;border-radius:20px;background:linear-gradient(120deg,var(--sky),#f1f5fa)}
.guide-scan .article-body .guide-example h2{font-size:27px;line-height:1.35;margin:8px 0 14px}
.guide-scan .article-body .guide-example .eyebrow{font-size:13px;font-weight:700;margin:0;color:var(--accent)}
.guide-scan .article-body .guide-example>p:not(.eyebrow){font-size:17px;line-height:1.7;margin:0 0 16px}
.guide-example .text-link{display:inline-flex;align-items:center;min-height:44px;white-space:normal;line-height:1.6}
.guide-scan .article-body .guide-details{padding:16px 0}
.guide-scan .article-body .guide-details>h2{font-size:24px;margin:0 0 12px}
.guide-detail{border-bottom:1px solid var(--line);scroll-margin-top:100px}
.guide-detail>summary{display:flex;gap:20px;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:17px;font-weight:600;line-height:1.6;padding:16px 0;min-height:52px}
.guide-detail>summary::-webkit-details-marker{display:none}
.guide-detail>summary>span{font-size:24px;flex-shrink:0;font-weight:400}
.guide-detail[open]>summary>span{transform:rotate(45deg)}
.guide-scan .article-body .guide-detail>div{padding:0 0 12px}
.guide-scan .article-body .guide-detail p{font-size:17px;line-height:1.75;margin:0 0 16px}
.guide-detail>summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}
.guide-scan .article-body section.guide-products{padding:8px 0 24px}
.guide-highlights,.guide-example,.guide-details{scroll-margin-top:100px}
@media(max-width:750px){
 .guide-scan .article-body .article-hero{height:170px;margin-bottom:8px}
 .guide-scan .article-toc{display:flex;flex-wrap:wrap;gap:4px 16px;padding:16px}
 .guide-scan .article-toc strong{width:100%;margin-bottom:4px;font-size:16px}
 .guide-scan .article-toc a{padding:8px 0;border:0;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
 .guide-benefit{grid-template-columns:minmax(0,1fr);padding:16px 0}
 .guide-scan .article-body .guide-benefit h3{font-size:21px}
 .guide-scan .article-body section.guide-example{padding:22px 20px;margin:20px 0}
 .guide-scan .article-body .guide-example h2{font-size:25px}
 .guide-scan .article-body .guide-details>h2{font-size:23px}
}
.guide-detail-action{margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--line)}
.guide-detail-action .button{max-width:100%;white-space:normal;text-align:left;line-height:1.6;min-height:48px;gap:14px;font-size:16px}
.guide-detail-action .button>span{flex-shrink:0}
@media(max-width:750px){.guide-detail-action .button{display:flex;justify-content:space-between;width:100%;padding:14px 18px}}