/* NEC installation guides — readable on a phone at a job site. */
.nec-guide-intro{padding:18px 20px;border:1px dashed var(--line);border-radius:12px;background:var(--panel2);color:var(--text)}
.nec-guide-intro p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.55}
.nec-guide-results{display:grid;gap:16px;scroll-margin-top:90px}
.nec-guide-card{padding:20px;min-width:0}
.nec-guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.nec-guide-head h2{font-size:23px;margin:5px 0 9px;line-height:1.28}
.nec-guide-head p{font-size:13px;color:var(--muted);line-height:1.6;max-width:780px;margin:0}
.nec-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);font-size:10px;font-weight:800;line-height:1.5}
.nec-guide-counter{border-radius:8px;background:var(--panel2);padding:6px 9px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;font-size:11px}
.nec-quick-picks{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 15px}
.nec-quick-picks button{min-height:39px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--text);padding:7px 14px;font-size:13px;font-weight:700}
.nec-quick-picks button:hover{border-color:var(--gold);background:var(--panel)}
.nec-quick-picks button:focus-visible,.nec-rule summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.nec-keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.nec-keyfacts>div{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}
.nec-keyfacts strong{display:block;color:var(--gold);font-size:19px;margin-bottom:5px;overflow-wrap:anywhere}
.nec-keyfacts span{display:block;font-size:11px;color:var(--muted);line-height:1.4}
.nec-edition-note{font-size:12px;line-height:1.55;padding:13px 14px;background:var(--panel2);border-left:3px solid var(--gold);border-radius:8px;color:var(--muted)}
.nec-edition-note strong{color:var(--text)}
.nec-section-heading{font-size:17px;margin:22px 0 11px}
.nec-rules{display:grid;gap:8px}
.nec-rule{border-radius:10px;border:1px solid var(--line);background:var(--panel2);overflow:hidden}
.nec-rule[open]{border-color:var(--gold2)}
.nec-rule summary{cursor:pointer;padding:13px 14px;display:flex;align-items:center;gap:13px;min-height:52px;list-style:none}
.nec-rule summary::-webkit-details-marker{display:none}
.nec-rule-num{flex:0 0 112px;color:var(--gold);font:800 13px/1.35 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}
.nec-rule summary strong{flex:1;font-size:13px;color:var(--text);line-height:1.4}
.nec-rule-toggle{font-size:20px;color:var(--muted);transition:transform .2s}
.nec-rule[open] .nec-rule-toggle{transform:rotate(180deg)}
.nec-rule-body{padding:0 15px 15px 15px;font-size:13px;color:var(--text);line-height:1.65}
.nec-rule-body p{margin:1px 0 13px}
.nec-rule-tips{border-left:2px solid var(--gold2);padding:8px 12px;margin:10px 0 15px;background:var(--panel)}
.nec-rule-tips b{font-size:12px}
.nec-rule-tips ul{margin:5px 0 0;padding-left:20px}
.nec-rule-tips li{margin:5px 0;color:var(--muted)}
.nec-source-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.nec-source-actions a{min-height:42px}
.nec-article-cta{min-height:37px}
@media(max-width:620px){
 .nec-guide-card{padding:15px}
 .nec-keyfacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .nec-keyfacts>div{padding:10px 8px}
 .nec-keyfacts strong{font-size:14px}
 .nec-keyfacts span{font-size:10px}
 .nec-rule summary{padding:12px 10px;gap:9px}
 .nec-rule-num{flex-basis:97px;font-size:12px}
 .nec-rule-body{padding:0 11px 14px}
}
@media(prefers-reduced-motion:reduce){.nec-rule-toggle{transition:none}}


/* Organized NEC topic shortcuts. Every button runs the same search as typing. */
.nec-topic-groups{display:grid;gap:10px;margin:14px 0 17px}
.nec-topic-group{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel2)}
.nec-topic-group[open]{border-color:var(--gold2)}
.nec-topic-group>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;min-height:48px;padding:11px 14px;color:var(--text);font-size:14px;font-weight:800}
.nec-topic-group>summary::-webkit-details-marker{display:none}
.nec-topic-group>summary small{color:var(--muted);font-size:11px;margin-left:auto;font-weight:500}
.nec-topic-group>summary [aria-hidden="true"]{font-size:20px;line-height:1;color:var(--muted);transition:transform .18s ease}
.nec-topic-group[open]>summary [aria-hidden="true"]{transform:rotate(180deg)}
.nec-topic-group>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.nec-topic-group .nec-quick-picks{padding:0 12px 13px;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.nec-topic-group .nec-quick-picks button{min-height:43px;touch-action:manipulation}
.nec-topic-group .nec-quick-picks button:active{border-color:var(--gold);background:var(--panel)}
@media(max-width:600px){.nec-topic-group .nec-quick-picks{gap:7px}.nec-topic-group .nec-quick-picks button{min-height:42px;padding:8px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.nec-topic-group>summary [aria-hidden="true"]{transition:none}}

.nec-topic-group .nec-quick-picks button[aria-pressed="true"]{border-color:var(--gold2);background:var(--panel);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold2)}