.esolar{--es-accent:#167348;--es-card:#fff;--es-text:#17332a;--es-radius:16px;box-sizing:border-box;max-width:1200px;margin:0 auto;padding:32px;color:var(--es-text);background:#f1f6f3;border-radius:var(--es-radius);font-family:inherit;line-height:1.6}.esolar *{box-sizing:border-box}.esolar h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;margin:10px 0 16px;color:var(--es-text)}.esolar h3{font-size:1.3rem;margin:0 0 12px;color:var(--es-text)}.esolar p{margin:0 0 16px}.esolar-eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--es-accent);font-weight:700}.esolar-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:24px}.esolar-inputs,.esolar-results,.esolar-enquiry{padding:24px;background:var(--es-card);border-radius:var(--es-radius);border:1px solid #d8e5dd;min-width:0}.esolar-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.esolar label{display:block;font-size:.9rem;font-weight:600;margin:0 0 14px}.esolar select,.esolar input:not([type=checkbox]),.esolar textarea{display:block;width:100%;padding:11px 12px;border:1px solid #bbcfc1;border-radius:8px;color:var(--es-text);background:var(--es-card);font:inherit;line-height:1.5;margin-top:6px;min-height:44px}.esolar :is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid var(--es-accent);outline-offset:3px}.esolar fieldset{border:1px solid #d8e5dd;border-radius:10px;margin:12px 0 20px;padding:16px;min-width:0}.esolar legend{padding:0 6px;font-weight:700}.esolar fieldset p,.esolar small{font-size:.8rem;line-height:1.5}.esolar button{background:var(--es-accent);color:#fff;border:0;border-radius:8px;font:inherit;font-weight:700;padding:12px 22px;cursor:pointer;min-height:44px}.esolar button:disabled{opacity:.55;cursor:wait}.esolar .esolar-status,.esolar .esolar-enquiry-status{font-size:.9rem;margin:12px 0 0;min-height:24px}.esolar-disclaimer{font-size:.85rem;font-weight:600;padding:10px 12px;background:#fff3d7;border-radius:8px;color:#664a09}.esolar-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.esolar-metric{background:#f1f6f3;border-radius:10px;padding:14px;min-width:0}.esolar-metric span{display:block;font-size:.78rem}.esolar-metric strong{display:block;font-size:clamp(1.1rem,1.8vw,1.55rem);line-height:1.4;margin-top:8px;overflow-wrap:anywhere;color:var(--es-accent)}.esolar .esolar-energy{font-size:.85rem}.esolar details{font-size:.82rem;border-top:1px solid #d8e5dd;padding-top:14px}.esolar summary{cursor:pointer;font-weight:700;margin-bottom:12px}.esolar-assumptions{margin-bottom:14px}.esolar-enquiry{margin-top:24px}.esolar label.esolar-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400}.esolar-consent input{flex:0 0 auto;margin-top:5px;accent-color:var(--es-accent);width:18px;height:18px}.esolar a{color:var(--es-accent);text-decoration:underline}.esolar-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}@media(max-width:900px){.esolar-layout{grid-template-columns:1fr}}@media(max-width:540px){.esolar{padding:16px}.esolar-inputs,.esolar-results,.esolar-enquiry{padding:16px}.esolar-fields{grid-template-columns:1fr}.esolar-metrics{gap:8px}.esolar-metric{padding:10px}.esolar button{width:100%}}

/* Stable metric selectors keep styling independent of card order. */
.esolar .esolar-metric[data-metric="net-cost"]{grid-column:1 / -1;background:var(--es-accent);border:2px solid var(--es-accent);color:#fff;padding:20px;box-shadow:0 5px 16px rgba(22,115,72,.12)}
.esolar .esolar-metric[data-metric="net-cost"] span{font-size:.9rem;font-weight:700}
.esolar .esolar-metric[data-metric="net-cost"] strong{color:#fff;font-size:clamp(1.8rem,3vw,2.5rem);margin-top:4px}

/* Compact mode is opt-in. Full layout and stored settings remain unchanged. */
.esolar .esolar-cost-summary{font-size:12px;color:#66726c;margin-bottom:12px}
.esolar .esolar-cost-summary:empty{display:none}
.esolar .esolar-enquiry-drawer[hidden]{display:none!important}
.esolar--compact{max-width:620px;padding:28px;background:#fff;border-radius:8px;color:#202b28;--es-accent:#69bd3c;--es-text:#202b28;--es-radius:5px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 18px 45px #00130820}
.esolar--compact>header{margin-bottom:20px}.esolar--compact>header .esolar-eyebrow,.esolar--compact>header p{display:none}.esolar--compact>header h2{font-size:21px;font-weight:500;line-height:1.2;letter-spacing:-.4px;margin:0}
.esolar--compact .esolar-layout{display:block;margin-top:0}.esolar--compact .esolar-inputs,.esolar--compact .esolar-results{padding:0;border:0;background:transparent;border-radius:0}
.esolar--compact .esolar-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.esolar--compact label{font-size:11px;margin:0;font-weight:600;line-height:1.4}
.esolar--compact select,.esolar--compact input:not([type=checkbox]):not([type=range]),.esolar--compact textarea{padding:8px 10px;border:1px solid #dce3d8;background:#fafbf8;border-radius:4px;font-size:12px;min-height:40px;margin-top:6px}
.esolar--compact .esolar-panel-select{display:none}.esolar--compact .esolar-panel-slider{margin-bottom:18px}.esolar--compact .esolar-panel-slider label{display:flex;justify-content:space-between;gap:12px}.esolar--compact output{color:#448d2b}
.esolar--compact input.esolar-panel-range{padding:0;min-height:22px;margin:10px 0 0;width:100%;accent-color:#69bd3c;box-shadow:none;border:0;background:transparent}
.esolar--compact .esolar-grant-options{margin:14px 0 8px;padding-top:10px;font-size:11px}.esolar--compact .esolar-grant-options summary{font-size:11px;margin-bottom:8px}.esolar--compact fieldset{padding:12px;margin:0 0 10px}.esolar--compact fieldset label{margin-bottom:10px}.esolar--compact fieldset p,.esolar--compact fieldset small{font-size:10px}
.esolar--compact .esolar-calculate{padding:7px 12px;min-height:34px;font-size:11px;background:#edf3e7;color:#355a25}.esolar--compact .esolar-status{font-size:10px;min-height:15px;margin:5px 0 10px}
.esolar--compact .esolar-results>h3{display:none}.esolar--compact .esolar-disclaimer{font-size:10px;background:transparent;color:#66726c;padding:0;margin:0 0 10px;font-weight:400}
.esolar--compact .esolar-cost-summary{font-size:10px;margin:8px 0}.esolar--compact .esolar-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}
.esolar--compact .esolar-metric{background:transparent;padding:5px 0;border:0;box-shadow:none}.esolar--compact .esolar-metric span{font-size:10px;color:#66726c}.esolar--compact .esolar-metric strong{font-size:16px;font-weight:500;color:#202b28;margin-top:3px}
.esolar--compact .esolar-metric[data-metric="net-cost"]{order:-1;grid-column:1/-1;background:#edf7e5;border:1px solid #d5eac8;border-radius:5px;padding:17px 20px;color:#547247;box-shadow:none}
.esolar--compact .esolar-metric[data-metric="net-cost"] span{font-size:11px;color:#547247;font-weight:500}.esolar--compact .esolar-metric[data-metric="net-cost"] strong{font-size:32px;color:#202b28;font-weight:500}
.esolar--compact .esolar-metric:is([data-metric="installed-cost"],[data-metric="pv-grant"],[data-metric="battery-grant"],[data-metric="annual-benefit"]){display:none}
.esolar--compact .esolar-energy{font-size:10px;margin:8px 0}.esolar--compact .esolar-method{font-size:10px;margin-top:12px;padding-top:10px}.esolar--compact .esolar-method summary{font-size:11px}
.esolar--compact .esolar-enquiry-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:16px;background:#79d13f;color:#172a24;border-radius:5px;font-size:12px;padding:13px 18px}
.esolar--compact .esolar-enquiry{padding:18px;margin-top:18px;background:#fafbf8}.esolar--compact .esolar-enquiry h3{font-size:18px}.esolar--compact .esolar-enquiry p{font-size:12px}.esolar--compact .esolar-enquiry>label{margin-top:14px}.esolar--compact .esolar-enquiry .esolar-consent{font-size:11px}.esolar--compact .esolar-enquiry button{font-size:12px}
@media(max-width:540px){.esolar--compact{padding:22px}.esolar--compact .esolar-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.esolar--compact .esolar-metrics{gap:8px}.esolar--compact .esolar-metric strong{font-size:14px}.esolar--compact .esolar-enquiry .esolar-fields{grid-template-columns:1fr}}

/* 1.2.0: readable defaults in both layouts. Widget selectors remain stronger. */
.esolar{font-size:16px}
.esolar label{font-size:1em;line-height:1.5}
.esolar select,.esolar input:not([type=checkbox]):not([type=range]),.esolar textarea{font-size:16px;min-height:48px;padding:11px 12px}
.esolar fieldset p,.esolar fieldset small,.esolar .esolar-status,.esolar .esolar-enquiry-status,.esolar .esolar-disclaimer,.esolar .esolar-cost-summary,.esolar .esolar-energy,.esolar .esolar-method{font-size:.9375em;line-height:1.6}
.esolar details summary{font-size:1em;line-height:1.5}
.esolar button{font-size:16px;min-height:48px;padding:12px 18px;white-space:normal}
.esolar--compact{font-family:inherit}
.esolar--compact>header h2{font-size:26px;line-height:1.25}
.esolar--compact .esolar-fields{gap:18px 16px}
.esolar--compact .esolar-panel-value{font-size:1em;flex-shrink:0}
.esolar--compact .esolar-panel-slider label{flex-wrap:wrap}
.esolar--compact .esolar-metric span{font-size:1em;line-height:1.5;color:#4c5c54}
.esolar--compact .esolar-metric strong{font-size:24px;line-height:1.35}
.esolar--compact .esolar-metric[data-metric="net-cost"] span{font-size:18px}
.esolar--compact .esolar-metric[data-metric="net-cost"] strong{font-size:36px}
.esolar--compact .esolar-enquiry h3{font-size:23px;line-height:1.3}
.esolar--compact .esolar-enquiry p,.esolar--compact .esolar-enquiry .esolar-consent{font-size:1em;line-height:1.6}
@media(max-width:540px){
 .esolar--compact{padding:20px}
 .esolar--compact .esolar-fields,.esolar--compact .esolar-metrics{grid-template-columns:1fr}
 .esolar--compact .esolar-metric{padding:12px 0}
 .esolar--compact .esolar-metric strong{font-size:24px}
 .esolar--compact .esolar-metric[data-metric="net-cost"] strong{font-size:32px}
}

.esolar .esolar-grant-options summary,.esolar .esolar-method summary{font-size:1em;line-height:1.5}
.esolar .esolar-calculate,.esolar .esolar-enquiry button,.esolar .esolar-enquiry-toggle{font-size:16px;min-height:48px;padding:12px 18px}

/* 1.2.1: compact estimate inputs use three desktop columns. */
.esolar--compact .esolar-inputs .esolar-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){.esolar--compact .esolar-inputs .esolar-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.esolar--compact .esolar-inputs .esolar-fields{grid-template-columns:1fr}}