:root{--sr-ink:#172f35;--sr-teal:#1f6768;--sr-mint:#dbeceb;--sr-paper:#fffaf0;--sr-orange:#e76f3e;--sr-line:#b9d0cd;--sr-soft:#f4eee1}
.sr-kicker{font:800 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--sr-teal)}
.sr-home{padding:clamp(3rem,7vw,6rem) 0;background:linear-gradient(112deg,var(--sr-paper) 0 66%,var(--sr-mint) 66%);border-block:1px solid var(--sr-line)}
.sr-home-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(22rem,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:start}.sr-home h2{font-size:clamp(2.2rem,4.8vw,4.6rem);max-width:13ch}.sr-lead{font-size:1.08rem;line-height:1.75;max-width:40rem;color:#39565b}
.sr-board{counter-reset:record;display:grid;gap:.75rem}.sr-card{counter-increment:record;display:grid;grid-template-columns:3.3rem 1fr;gap:1rem;padding:1.1rem;background:#fff;border:1px solid var(--sr-line);border-left:6px solid var(--sr-teal);box-shadow:6px 6px 0 #bfd8d5}.sr-card:before{content:counter(record,decimal-leading-zero);font:900 1.25rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--sr-orange)}.sr-card h3{font-size:1.08rem;margin:0 0 .35rem}.sr-card p{font-size:.88rem;line-height:1.6;margin:0;color:#49656a}
.sr-case{display:grid;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);gap:2rem;margin-top:2.25rem;padding:1.3rem;background:var(--sr-ink);color:#fff}.sr-case figure{margin:0}.sr-case img{width:100%;height:auto;max-height:390px;object-fit:contain;background:#e5eeee}.sr-case figcaption{font-size:.72rem;line-height:1.5;color:#d1e1df;margin-top:.7rem}.sr-case>div{align-self:center;padding:1rem}.sr-case h2{font-size:2rem}.sr-case p{color:#d6e4e2;line-height:1.7}
.sr-guide-index{padding-block:clamp(3rem,6vw,5.5rem)}.sr-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}.sr-head>p{max-width:34rem}.sr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sr-guide{display:grid;grid-template-columns:4.3rem 1fr;gap:1rem;padding:1.4rem;border:1px solid var(--sr-line);background:#fff}.sr-guide .sr-code{font:900 .78rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--sr-orange)}.sr-guide h3{font-size:1.25rem;margin:0 0 .6rem}.sr-guide p{font-size:.9rem;line-height:1.65;color:#49656a}.sr-guide a{font-weight:800}
.sr-article{display:grid;grid-template-columns:minmax(14rem,.32fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-block:3rem 5rem}.sr-toc{position:sticky;top:1rem;align-self:start;border:1px solid var(--sr-line);border-top:6px solid var(--sr-orange);padding:1rem}.sr-toc a{display:block;padding:.45rem 0;font-size:.83rem}.sr-prose section{margin-top:2.5rem;scroll-margin-top:1rem}.sr-prose .article-intro{font-size:1.17rem;color:var(--sr-ink)}
.sr-record{margin-top:2.7rem;padding:1.4rem;background:var(--sr-mint);border:1px solid var(--sr-line)}.sr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}.sr-fields>div{padding:.8rem;background:#fff;border-left:3px solid var(--sr-teal)}.sr-fields dt{font:800 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;color:#39666a}.sr-fields dd{margin:.5rem 0 0;color:#7b9294}.sr-boundary{margin-top:2rem;padding:1.2rem;border-left:5px solid var(--sr-orange);background:#fff2e7}
.sr-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sr-resource{padding:1.3rem;border:1px solid var(--sr-line);background:#fff}.sr-resource h3{font-size:1.08rem;margin:.55rem 0}.sr-resource p{font-size:.86rem;line-height:1.6;color:#51696d}.sr-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}.sr-photos figure{margin:0;border:1px solid var(--sr-line);background:#fff}.sr-photos img{display:block;width:100%;height:auto;object-fit:contain}.sr-photos figcaption{padding:.9rem;font-size:.78rem;line-height:1.5;color:#51696d}
@media(max-width:850px){.sr-home{background:var(--sr-paper)}.sr-home-grid,.sr-article{grid-template-columns:1fr}.sr-toc{position:static}.sr-head{display:block}.sr-head>p{max-width:none}}
@media(max-width:620px){.sr-grid,.sr-resource-grid,.sr-fields,.sr-case,.sr-photos{grid-template-columns:1fr}.sr-guide{grid-template-columns:2.8rem 1fr}.sr-case>div{padding:.3rem}}
/* Site 13 hero uses the service-record palette instead of the shared dark split. */
.trade-electrical .hero{background:var(--sr-paper);color:var(--sr-ink);border-bottom:1px solid var(--sr-line)}
.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:var(--sr-teal)}
.trade-electrical .hero-copy .button{background:var(--sr-orange);border-color:var(--sr-orange);color:#fff}
.trade-electrical .hero-copy .button.secondary{background:transparent;border-color:var(--sr-teal);color:var(--sr-teal)}
.trade-electrical .hero-visual{background:var(--sr-mint)}
.trade-electrical .hero-copy .button{background:var(--sr-teal);border-color:var(--sr-teal);color:#fff}
.trade-electrical .hero-copy .button:hover{background:#174f50;border-color:#174f50;color:#fff}
.trade-electrical .hero-copy .button.secondary{background:transparent;border-color:var(--sr-teal);color:var(--sr-teal)}
.trade-electrical .hero-copy .button.secondary:hover{background:var(--sr-mint);border-color:var(--sr-teal);color:var(--sr-ink)}