/* Article reading layout approved in the electrical-certificate prototype.
   Scoped to guides, leaving the core site and the guide hubs unchanged. */
.guide-article .guide-hero{max-width:840px;padding:52px 0 43px}
.guide-article .guide-hero h1{max-width:820px;font-size:clamp(34px,4vw,49px);line-height:1.12;letter-spacing:-.035em}
.guide-article .guide-answer{max-width:750px;margin-top:23px;font-size:19px;line-height:1.55;color:#303641}
.guide-article .guide-meta{margin-top:23px;font-size:11px}
.guide-article .guide-eyebrow{font-size:11px;letter-spacing:.08em}
.guide-article .guide-layout{grid-template-columns:minmax(0,740px) 205px;justify-content:start;gap:88px}
.guide-article .guide-toc{grid-column:2;grid-row:1;top:28px;padding-top:18px}
.guide-article .guide-toc>p{font-size:12px}
.guide-article .guide-toc ol{gap:13px}
.guide-article .guide-toc a{font-size:14px;line-height:1.4}
.guide-article .guide-content{grid-column:1;grid-row:1}
.guide-article .guide-content>section,.guide-article .guide-content>aside{margin-top:48px;scroll-margin-top:24px}
.guide-article .guide-content>section:first-child,.guide-article .guide-content>aside:first-child{margin-top:0}
.guide-article .guide-content h2{margin-bottom:17px;font-size:26px;line-height:1.27}
.guide-article .guide-content h3{font-size:19px}
.guide-article .guide-content p,.guide-article .guide-content li{font-size:17px;line-height:1.72}
.guide-article .guide-content p{margin-bottom:17px}
.guide-article .guide-content a:not(.home-btn){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.guide-article .guide-key{background:transparent;border-top:2px solid var(--guide-ink);border-bottom:1px solid var(--guide-line);border-radius:0;padding:20px 0 3px}
.guide-article .guide-key h2{font-size:22px}
.guide-article .guide-callout{border:0;border-left:4px solid var(--guide-purple);border-radius:0;background:#f5f5ff;padding:17px 22px}
.guide-article .guide-callout:before{display:none}
.guide-article .guide-callout h2{font-size:20px}
.guide-article .guide-steps li{grid-template-columns:40px 1fr;gap:15px}
.guide-article .guide-steps li>span{background:transparent;color:var(--guide-purple);font-size:13px;width:auto;height:auto;align-self:start;padding-top:8px}
.guide-article .guide-faq{padding-top:23px}
.guide-article .guide-faq summary{font-size:16px}
.guide-article .guide-faq details div p{font-size:16px}
.guide-article .guide-sources{padding-top:23px}
.guide-article .guide-sources li,.guide-article .guide-sources p{font-size:15px}
.guide-article .guide-content table{font-size:15px}
.guide-article .guide-content th{font-size:12px}
.guide-article .guide-cta{padding:30px 34px;gap:22px}
.guide-article .guide-cta h2{font-size:23px}
.guide-article .guide-cta p{font-size:16px}
.guide-article .guide-cta__actions{align-items:start}
@media(max-width:1050px){.guide-article .guide-layout{grid-template-columns:minmax(0,1fr) 170px;gap:43px}}
@media(max-width:820px){.guide-article .guide-hero{padding:45px 0 33px}.guide-article .guide-layout{display:block}.guide-article .guide-toc{position:static;margin-bottom:36px;padding:16px 19px 20px;background:var(--guide-soft);border:0}.guide-article .guide-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.guide-article .guide-content>section,.guide-article .guide-content>aside{margin-top:42px}.guide-article .guide-content h2{font-size:24px}.guide-article .guide-content p,.guide-article .guide-content li{font-size:16.5px}}
@media(max-width:560px){.guide-article .guide-hero h1{font-size:34px}.guide-article .guide-answer{font-size:18px}.guide-article .guide-toc ol{grid-template-columns:1fr}.guide-article .guide-content h2{font-size:23px}.guide-article .guide-cta{padding:26px 23px}}