.et-shell{--et-ink:#101F2C;--et-muted:#526170;--et-line:#D8DEE4;--et-soft:#E5F0EA;max-width:1200px;margin:0 auto;padding:28px 24px;color:var(--et-ink)}
.et-intro{max-width:920px;margin:0 auto 28px}.et-intro h2{font:500 clamp(30px,3vw,44px)/1.15 var(--serif);margin:0 0 14px}.et-intro p{color:var(--et-muted)}.et-intro .eyebrow{font-size:13px;margin-bottom:10px}.et-disclaimer{margin-top:20px;padding:16px 18px;background:var(--et-soft);border-left:3px solid var(--brand);font-weight:700;color:var(--et-ink)!important}
.et-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--et-line);margin:0 auto 24px;max-width:1100px}.et-tabs button{background:#fff;border:1px solid var(--et-line);border-bottom:0;color:var(--et-ink);min-height:48px;padding:12px 18px;font-weight:700;cursor:pointer}.et-tabs button[aria-selected=true]{background:#E5F0EA;border-color:#00664f;color:#101F2C;box-shadow:inset 0 3px 0 #00664f}.et-tabs button:focus-visible,.et-shell a:focus-visible,.et-shell button:focus-visible,.et-shell summary:focus-visible{outline:3px solid #101F2C;outline-offset:3px}
.et-panel{max-width:1100px;margin:0 auto}.et-panel[hidden]{display:none}.et-panel-copy{margin-bottom:20px}.et-panel-copy h3{font-size:26px;margin:0 0 8px}.et-panel-copy p{color:var(--et-muted);margin:0}.et-form{padding:26px;background:#fff;border:1px solid var(--et-line);border-top:4px solid var(--brand)}.et-group{border:0;border-top:1px solid var(--et-line);padding:22px 0 0;margin:0 0 20px;min-width:0}.et-group legend{padding:0 12px 0 0;font-size:19px;font-weight:750}.et-group-note{font-size:14px;color:var(--et-muted);margin:4px 0 16px}.et-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.et-field{display:block;min-width:0;font-weight:650}.et-field>span:first-child{display:block}.et-field em{font-size:14px;font-style:normal;font-weight:400;color:var(--et-muted)}.et-field input{display:block;width:100%;min-height:48px;margin-top:7px;border:1px solid #71808B;border-radius:3px;background:#fff;color:var(--et-ink);padding:10px 12px}.et-field small{display:block;margin-top:5px;color:var(--et-muted);font-weight:400;font-size:13px;line-height:1.4}.et-field-hint{display:none!important}.et-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}.et-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;text-decoration:none;border:1px solid var(--brand);font-weight:700}.et-actions .secondary{background:#fff;color:#174C43;border-color:#174C43}.et-actions .primary{background:#00664f;color:#fff}
.et-output{max-width:none;margin:20px 0 30px;padding:20px;background:var(--et-soft);border-left:3px solid var(--brand);min-height:60px}.et-output>p{margin:0;color:var(--et-muted)}.et-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.et-metric{min-width:0;padding:17px;background:#fff;border:1px solid #D8DEE4}.et-metric>span,.et-metric>strong,.et-metric>small{display:block}.et-metric>span{font-size:14px;color:var(--et-muted)}.et-metric>strong{font-size:clamp(18px,2vw,25px);line-height:1.28;color:var(--brand);overflow-wrap:anywhere;margin-top:5px}.et-metric>small{font-size:13px;color:var(--et-muted);margin-top:4px}.et-result-actions{margin:18px 0}.et-result-actions .btn{margin:0}.et-details{border-top:1px solid #D8DEE4;margin-top:16px;padding-top:12px}.et-details summary{font-weight:700;cursor:pointer;min-height:44px;padding:10px 0}.et-details>p{font-size:14px;color:#526170;margin:8px 0 18px;max-width:900px}.et-bars{display:grid;gap:12px}.et-bar-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(100px,2fr) minmax(130px,1fr);gap:12px;align-items:center;font-size:14px}.et-bar-track{height:12px;background:#fff;border:1px solid #D8DEE4}.et-bar-track i{display:block;height:100%;min-width:2px;background:#00664f}.et-bar-row strong{text-align:right;font-variant-numeric:tabular-nums}.et-limitations{max-width:1100px;margin:24px auto 0;color:var(--et-muted);font-size:14px}.et-limitations a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.et-shell{padding:14px 20px}.et-intro{margin-bottom:20px}.et-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.et-tabs button{padding:10px 8px;font-size:14px;line-height:1.3}.et-form{padding:20px 14px}.et-fields,.et-metrics{grid-template-columns:1fr}.et-group{padding-top:18px}.et-bar-row{grid-template-columns:1fr auto;gap:6px 10px}.et-bar-track{grid-column:1/-1;grid-row:2}.et-bar-row strong{text-align:right}.et-result-actions{align-items:stretch}.et-result-actions .btn{width:100%}.et-actions:not(.et-result-actions) .btn{flex:1}}
@media(prefers-reduced-motion:reduce){.et-shell *{scroll-behavior:auto!important}}

/* ---------- EXPONENT NRG brand colour states (Brand & Website Guide v1.0) — colour only ---------- */
.et-actions .primary:hover{background:#00664F}.et-actions .primary:active{background:#005844}.et-actions .secondary:hover{background:#E5F0EA}
.et-tabs button:hover{border-color:#00664f}
