:root{--sr-ink:#242b2c;--sr-char:#303738;--sr-stone:#eeeae2;--sr-paper:#faf9f5;--sr-copper:#a64f2b;--sr-sage:#698078;--sr-line:#cbc6bb}
.sr-kicker,.sr-code{font:800 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--sr-copper)}
.trade-electrical .hero{background:var(--sr-stone);color:var(--sr-ink);border:1px solid var(--sr-line);border-radius:0}
.trade-electrical .hero-copy{background:transparent;color:var(--sr-ink)}.trade-electrical .hero-copy h1,.trade-electrical .hero-copy .lede,.trade-electrical .hero-text-number{color:var(--sr-ink)}.trade-electrical .hero-copy .eyebrow,.trade-electrical .hero-area,.trade-electrical .hero-text-number a{color:#596d67}.trade-electrical .hero-copy .button{background:var(--sr-char);border-color:var(--sr-char);color:#fff}.trade-electrical .hero-copy .button:hover{background:#14191a;border-color:#14191a}.trade-electrical .hero-copy .button.secondary{background:transparent;border-color:var(--sr-char);color:var(--sr-char)}.trade-electrical .hero-copy .button.secondary:hover{background:#d9d4ca;color:#14191a}.trade-electrical .hero-visual{background:#d8d3ca}
.sr-home{padding:clamp(3rem,7vw,6.5rem) 0;background:var(--sr-paper);border-block:1px solid var(--sr-line)}.sr-home-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(24rem,1.25fr);gap:clamp(2.5rem,7vw,7rem);align-items:start}.sr-home h2{font-size:clamp(2.3rem,4.6vw,4.8rem);max-width:11ch}.sr-lead{font-size:1.08rem;line-height:1.75;color:#4f5b5c}.sr-board{list-style:none;padding:0;margin:0;display:grid}.sr-card{position:relative;padding:1.2rem 1.2rem 1.2rem clamp(2rem,5vw,4.5rem);border-top:1px solid var(--sr-line);background:linear-gradient(90deg,transparent 0 2rem,#fff 2rem)}.sr-card:last-child{border-bottom:1px solid var(--sr-line)}.sr-card:before{content:'';position:absolute;left:.65rem;top:1.45rem;width:14px;height:14px;border:3px solid var(--sr-copper);border-radius:50%;background:var(--sr-paper)}.sr-card:not(:last-child):after{content:'';position:absolute;left:1.08rem;top:2rem;bottom:-1.2rem;border-left:2px solid var(--sr-copper)}.sr-card h3{font-size:1.15rem;margin:.35rem 0}.sr-card p{font-size:.88rem;line-height:1.6;color:#566162}.sr-case{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3rem;background:var(--sr-char);color:#fff}.sr-case figure{margin:0;padding:1rem;background:#d8d3ca}.sr-case img{display:block;width:100%;height:390px;object-fit:contain}.sr-case figcaption{color:#4b5556;font-size:.72rem;line-height:1.5;margin-top:.7rem}.sr-case>div{align-self:center;padding:clamp(2rem,5vw,4.5rem)}.sr-case h2{font-size:2.2rem}.sr-case p{color:#e1e5e3}.sr-guide-index{padding-block:clamp(3.5rem,7vw,6rem)}.sr-head{display:grid;grid-template-columns:1fr .8fr;gap:3rem;align-items:end;margin-bottom:2rem}.sr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--sr-line);border:1px solid var(--sr-line)}.sr-guide{display:flex;flex-direction:column;padding:1.4rem;background:#fff;min-height:245px}.sr-guide .sr-code{margin-bottom:2rem}.sr-guide h3{font-size:1.25rem}.sr-guide p{font-size:.88rem;line-height:1.65;color:#566162}.sr-guide a{margin-top:auto;padding-top:1rem;font-weight:800}.sr-article{display:grid;grid-template-columns:minmax(14rem,.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-block:3.5rem 5rem}.sr-toc{position:sticky;top:1rem;align-self:start;padding-left:1rem;border-left:5px solid var(--sr-copper)}.sr-toc a{display:block;padding:.48rem 0;font-size:.84rem}.sr-prose section{margin-top:2.7rem;scroll-margin-top:1rem}.sr-prose .article-intro{font-size:1.18rem;color:var(--sr-ink)}.sr-record{margin-top:3rem;padding:1.4rem;background:var(--sr-stone);border-top:5px solid var(--sr-sage)}.sr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.sr-fields>div{padding:.85rem;background:#fff}.sr-fields dt{font:800 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;color:#586d66}.sr-fields dd{margin:.5rem 0 0;color:#8a918f}.sr-boundary{margin-top:2rem;padding:1.2rem;background:#f5e8df;border-left:5px solid var(--sr-copper)}.sr-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sr-resource{padding:1.4rem;border:1px solid var(--sr-line);background:#fff}.sr-resource h3{font-size:1.08rem}.sr-resource p{font-size:.86rem;line-height:1.6;color:#566162}.sr-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.sr-photos figure{margin:0;padding:1rem;border:1px solid var(--sr-line);background:#fff}.sr-photos img{display:block;width:100%;height:520px;object-fit:contain;background:var(--sr-stone)}.sr-photos figcaption{font-size:.78rem;line-height:1.5;color:#566162;margin-top:.8rem}
@media(max-width:900px){.sr-home-grid,.sr-article,.sr-head{grid-template-columns:1fr}.sr-toc{position:static}.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sr-grid,.sr-resource-grid,.sr-fields,.sr-case,.sr-photos{grid-template-columns:1fr}.sr-case img,.sr-photos img{height:auto;max-height:480px}.sr-guide{min-height:0}}
/* Keep the rotating FAQ plus inside its own square on narrow layouts. */
.faq summary span{flex:0 0 1em;width:1em;height:1em;align-self:flex-start;text-align:center}