.code-main{max-width:1240px;margin:auto;padding:26px 24px 60px;color:var(--ink,#172d40)}
.code-main h1,.code-main h2,.code-main h3{color:var(--navy,#0b2748);overflow-wrap:anywhere}
.code-main p,.code-main li{line-height:1.65}.code-main a{overflow-wrap:anywhere}
.reference-menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.reference-menu a{background:#fff;border:1px solid #d3dfe5;border-radius:8px;padding:9px 12px;font-size:.87rem;font-weight:700}
.reference-menu a[href="california-electrical-code.htm"]{background:var(--navy,#0b2748);color:#fff}
.code-hero{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #d8e1e8;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 34px #1633460c}
.code-hero-copy{padding:38px}.code-hero h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.08;margin:18px 0 20px;letter-spacing:-.04em}
.code-hero .code-lead{font-size:1.12rem;color:#435867}.code-hero figure{margin:0;min-width:0;position:relative;background:#eee}.code-hero figure img{width:100%;height:100%;object-fit:cover;display:block}
.code-hero figcaption{position:absolute;bottom:0;left:0;right:0;font-size:.74rem;background:#0b2748c9;color:white;padding:10px 15px}
.code-edition{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.code-edition span{font-size:.78rem;font-weight:800;border-radius:6px;padding:7px 10px;background:#eaf2f6;color:#163b58}.code-edition span:first-child{background:#fff0c9;color:#66460b}
.code-date{font-size:.78rem;color:#596f7f}.code-hero .button{margin:4px 4px 4px 0;font-size:.85rem}
.code-scope{border-left:4px solid #cda54b;background:#f5f8fa;border-radius:0 12px 12px 0;padding:22px 26px;margin:24px 0 38px}.code-scope h2{font-size:1.25rem;margin:0 0 12px}.code-scope p{font-size:.91rem;margin:10px 0}
.code-section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.code-section-heading h2{font-size:clamp(1.5rem,3vw,2rem);margin:7px 0 0;line-height:1.22}.code-section-heading .eyebrow{font-size:.73rem}
.code-controls{display:grid;grid-template-columns:1.6fr 1fr auto;gap:16px;background:#fff;padding:20px;border:1px solid #d7e1e7;border-radius:12px;align-items:end}
.code-controls label{display:block;font-size:.85rem;font-weight:750;margin-bottom:6px}.code-controls input,.code-controls select{width:100%;min-width:0;padding:12px;border:1px solid #afc2cd;background:white;border-radius:7px;color:#172d40;font:inherit}
.code-button,.code-text-button{cursor:pointer;font:inherit;font-weight:750;border-radius:7px;padding:11px 15px;min-height:44px}.code-button{border:1px solid #a9becb;background:#fff;color:#0b2748;white-space:normal}.code-button:hover{background:#edf4f8}.code-text-button{border:0;color:#214f70;background:transparent;font-size:.84rem;text-decoration:underline;text-underline-offset:3px}
.code-result-row{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:12px 0}.code-result-row p{font-size:.85rem;color:#4e6574}.code-result-row>div{display:flex;flex-wrap:wrap}
.code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.code-card{min-width:0;border:1px solid #d8e2e8;border-radius:14px;background:#fff;overflow:hidden;scroll-margin-top:22px;box-shadow:0 5px 15px #17344707}.code-card:target{outline:3px solid #d7ac4d;outline-offset:3px}
.code-card figure{margin:0}.code-photo{display:block;position:relative;width:100%;border:0;padding:0;background:#e6edf1;cursor:zoom-in}.code-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.code-photo span{position:absolute;bottom:10px;right:10px;background:#0b2748d9;color:#fff;padding:5px 8px;font-size:.7rem;border-radius:5px}.code-card figcaption{padding:8px 15px;font-size:.67rem;line-height:1.45;color:#5b6e7b;border-bottom:1px solid #e5ecef;background:#f6f8f9}
.code-card-body{padding:22px}.code-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.code-number{font-size:1rem;font-weight:850;color:#a77b24}.code-pill{font-size:.65rem;letter-spacing:.04em;background:#eaf2f5;color:#315973;border-radius:5px;padding:5px 8px;font-weight:800}
.code-card h2{font-size:1.19rem;line-height:1.28;margin:14px 0 9px}.code-card p{font-size:.9rem;margin:9px 0 15px}.code-card .code-reference{font-size:.73rem;color:#557083;font-weight:750;line-height:1.6}.code-card summary{font-weight:800;cursor:pointer;font-size:.87rem;color:#204f70;padding:13px 0 0;border-top:1px solid #dfE7ed}.code-card details[open] summary{margin-bottom:16px}
.code-details h3{font-size:.92rem;margin:18px 0 8px}.code-details ul{padding-left:20px;margin:0 0 18px}.code-details li{font-size:.85rem;margin:8px 0}.code-example,.code-mistake{border-left:3px solid #418663;border-radius:0 6px 6px 0;padding:12px 14px;background:#f0f7f2;margin:14px 0}.code-mistake{border-color:#c88e3e;background:#fff7e8}.code-example strong,.code-mistake strong{font-size:.83rem}.code-example p,.code-mistake p{font-size:.82rem;margin:7px 0 0}
.code-sources{font-size:.76rem!important;line-height:1.75!important;color:#496475}.code-sources a{text-decoration:underline;text-underline-offset:3px}.code-permalink{font-size:.75rem;text-decoration:underline}
.code-table-wrap{overflow-x:auto}.code-table-wrap table{border-collapse:collapse;width:100%;font-size:.77rem}.code-table-wrap caption{font-weight:800;text-align:left;margin-bottom:8px}.code-table-wrap th,.code-table-wrap td{padding:9px;border:1px solid #d2dfe6;text-align:left;vertical-align:top}.code-table-wrap th{background:#f0f5f8;width:52%}
.code-checklist{margin-top:42px;padding:32px;background:#fff;border:1px solid #dae2e8;border-top:4px solid #cda54b;border-radius:14px}.code-checklist h2{margin:10px 0;font-size:1.75rem}.code-checklist>p{max-width:900px}.code-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin:24px 0}.code-check-grid label{display:flex;gap:12px;align-items:start;font-size:.9rem;line-height:1.55;padding:9px 0;cursor:pointer}.code-check-grid input{width:19px;height:19px;flex:none;margin-top:3px;accent-color:#215875}.code-check-actions{display:flex;gap:8px;flex-wrap:wrap}
.code-more{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;margin-top:36px;padding:32px;border-radius:14px;background:#edf3f6}.code-more h2{font-size:1.55rem;margin:8px 0 16px}.code-more p{font-size:.9rem}.code-tools{display:grid;gap:8px;align-content:center}.code-tools a{display:block;padding:13px 15px;background:white;border-radius:7px;font-size:.86rem;font-weight:800;border:1px solid #d1dfe6}
.code-image-dialog{border:0;border-radius:16px;padding:24px;max-width:min(1100px,94vw);max-height:94vh;overflow:auto;color:#203846;box-shadow:0 20px 90px #0007}.code-image-dialog::backdrop{background:#071927c9}.code-dialog-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.code-dialog-head h2{margin:0;font-size:1.25rem}.code-image-dialog img{width:100%;height:auto;display:block}.code-image-dialog p{font-size:.8rem;margin-bottom:0}
.code-main [hidden]{display:none!important}.code-main :focus-visible,.code-image-dialog :focus-visible{outline:3px solid #c49a39;outline-offset:4px}
@media(max-width:1000px){.code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.code-hero-copy{padding:28px}.code-hero h1{font-size:2.6rem}.code-controls{grid-template-columns:1.5fr 1fr}.code-controls>button{grid-column:1/-1;justify-self:start}.code-more{grid-template-columns:1fr}}
@media(max-width:650px){.code-main{padding:20px 14px 40px}.code-hero{grid-template-columns:1fr}.code-hero figure{height:250px}.code-hero-copy{padding:26px}.code-hero h1{font-size:2.5rem}.code-grid{grid-template-columns:1fr;gap:20px}.code-card-body{padding:22px}.code-controls{grid-template-columns:1fr;padding:16px}.code-section-heading,.code-result-row{align-items:start;flex-direction:column;gap:8px}.code-scope{padding:20px}.code-checklist,.code-more{padding:24px}.code-check-grid{grid-template-columns:1fr;gap:6px}.code-checklist h2{font-size:1.5rem}.code-dialog-head{align-items:start}.code-image-dialog{padding:16px}.reference-menu a{font-size:.79rem;padding:8px 10px}}
@media print{body{background:white!important}.site-header,.top-nav,.license-bar,.site-footer,.reference-menu,.code-controls,.code-result-row,.code-scope,.code-image-dialog,.code-check-actions,.code-more,.code-section-heading>button{display:none!important}.code-main{max-width:none;padding:0}.code-hero{display:block;border:0;box-shadow:none}.code-hero-copy{padding:0}.code-hero h1{font-size:26pt}.code-hero .button,.code-hero figure{display:none}.code-grid{display:block}.code-card{border:0;border-bottom:1px solid #aaa;box-shadow:none;border-radius:0;break-inside:auto;margin:20px 0}.code-card figure{float:right;width:28%;margin:0 0 15px 20px}.code-card-body{padding:0}.code-photo span,.code-card figcaption,.code-permalink{display:none}.code-card h2{font-size:16pt}.code-card p,.code-details li{font-size:10pt;line-height:1.4}.code-card h2,.code-details h3,.code-card summary{break-after:avoid}.code-example,.code-mistake,.code-table-wrap{break-inside:avoid}.code-checklist{border:0;padding:0;break-before:page}.code-check-grid{grid-template-columns:1fr}.code-example,.code-mistake{background:white;border-color:#777}.code-sources{font-size:8pt!important}.code-main.print-checklist-only>*,.code-main.print-checklist-only #topics{display:none!important}.code-main.print-checklist-only #inspection-checklist{display:block!important;break-before:auto}.code-card[hidden]{display:none!important}}

.code-dimension-intro{padding:26px;margin:0 0 30px;border:1px solid #c9dcd8;border-left:4px solid #167b85;border-radius:12px;background:#f0f7f4}.code-dimension-intro h2{margin:8px 0 12px;font-size:1.65rem}.code-dimension-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.code-dimension-links a{padding:10px 13px;background:white;border:1px solid #b7d0c9;border-radius:7px;font-size:.84rem;font-weight:750}.code-card .code-dimension{border-top:1px solid #d2dfe6}.code-dimension .code-photo img{object-fit:contain;background:#fff;aspect-ratio:3/2}.code-dimension .code-photo span{font-size:.68rem;bottom:7px;right:7px}.code-table-wrap thead th{background:#dfeaf0}@media print{.code-dimension-intro{padding:12px;margin:16px 0}.code-dimension-links{display:none}.code-card .code-dimension{float:none;width:100%;max-width:620px;margin:12px auto;break-inside:avoid}.code-card figure:not(.code-dimension){display:none}}

.code-elevations{margin:32px 0;padding:26px;border:1px solid #cbd9df;border-radius:14px;background:#fff;scroll-margin-top:22px}.code-elevations h2{font-size:1.7rem;margin:8px 0 14px}.code-elevation-grid{display:grid;grid-template-columns:1fr;gap:24px}.code-elevation-grid figure{margin:0;border:1px solid #d4dfe4;border-radius:10px;overflow:hidden}.code-elevation-grid .code-photo img{aspect-ratio:18/11;object-fit:contain;background:#fff}.code-elevation-grid figcaption{padding:12px 16px;font-size:.85rem;background:#f2f6f8}.code-elevation-grid figcaption a{text-decoration:underline}@media(max-width:650px){.code-elevations{padding:16px}.code-elevations h2{font-size:1.4rem}}@media print{.code-elevations{border:0;padding:0;break-before:page}.code-elevation-grid figure{break-inside:avoid;border:0}.code-elevation-grid figcaption a{display:none}}