.ec { --ec-accent: #2563eb; }
.ec .ec-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:28px 0; }
.ec .ec-fields { display:grid;gap:20px;align-content:start;min-width:0; }
.ec .ec-field { display:block;margin:0;font-weight:600;font-size:16px; }
.ec label { display:block; }
.ec input[type=number],.ec select { width:100%;min-width:0;min-height:46px;padding:10px 12px;margin:8px 0 0;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#1f2937;font:inherit;font-weight:400; }
.ec input[type=range] { display:block;width:100%;margin:14px 0 0;min-height:26px;accent-color:var(--ec-accent);cursor:pointer; }
.ec :is(input,select,a,summary):focus-visible { outline:3px solid #2563eb;outline-offset:3px; }
.ec .ec-range-labels { display:flex;justify-content:space-between;color:#64748b;font-size:12px;font-weight:400; }
.ec .ec-result { background:#eff5ff;border:1px solid #dbe7fd;padding:28px;border-radius:20px;min-width:0; }
.ec .ec-result p { margin:0 0 16px; }
.ec .ec-eyebrow { font-size:14px;color:#475569; }
.ec .ec-main { font-size:clamp(28px,3.5vw,44px);font-weight:750;line-height:1.2;overflow-wrap:anywhere; }
.ec .ec-main small { display:block;font-size:16px;font-weight:400;margin-top:6px; }
.ec .ec-consumption { font-size:20px; }
.ec .ec-compare { border-top:1px solid #cbdcf5;padding-top:16px; }
.ec .ec-button { display:block;padding:14px 18px;border-radius:10px;background:var(--ec-accent);color:white;text-align:center;text-decoration:none;font-size:16px;font-weight:600; }
.ec .ec-button:hover { background:#1d4ed8;color:#fff; }
.ec .ec-button[aria-disabled=true] { opacity:.5;cursor:not-allowed; }
.ec .ec-max { display:block;text-align:center;margin-top:14px; }
.ec .ec-result .ec-notice { margin:16px 0 0;font-size:13px;line-height:1.5;color:#475569; }
.ec .ec-rates { margin-top:12px;font-weight:400; }
.ec .ec-rates summary { cursor:pointer;color:#1d4ed8; }
.ec .ec-rates label { margin-top:10px; }
.ec .ec-rates small { display:block;margin-top:10px; }
.ec .ec-error { color:#a51d20;font-size:14px; }
.ec [hidden] { display:none!important; }
.ec .ec-methodology { margin:28px 0; }
.ec .ec-table-wrap { overflow-x:auto;margin-top:24px; }
.ec .ec-table { width:100%;border-collapse:collapse;font-size:15px; }
.ec .ec-table caption { text-align:left;margin-bottom:12px;font-weight:600; }
.ec .ec-table caption span { font-weight:400; }
.ec .ec-table th,.ec .ec-table td { text-align:left;padding:12px;border-bottom:1px solid #dbe2eb; }
.ec .ec-table thead { background:#f5f7fa; }
.ec-order-context { margin-bottom:24px;padding:16px;background:#eff5ff;border-radius:12px;overflow-wrap:anywhere; }
.ec-order-context p { white-space:pre-line;font-size:14px; }
@media(max-width:760px) { .ec .ec-grid { grid-template-columns:minmax(0,1fr);gap:20px; }.ec .ec-result { padding:20px; }.ec .ec-table th,.ec .ec-table td { padding:10px 5px; } }