/* Page-owned controls: keep the existing XP shell and plain readable panels. */
#card-single[hidden], #result-area[hidden], #electricity-compare[hidden],
#electricity-compare [hidden] { display:none!important; }
.electricity-controls, #electricity-compare, #card-single { padding:20px; }
.electricity-controls h2, #electricity-compare h2 { margin:0 0 12px; font-size:1.18rem; color:#16263f; }
.electricity-controls p, #electricity-compare p { color:#334155; }
.electricity-controls .seg-group { margin-bottom:16px; }
.electricity-controls .seg-btn.active { background:#245db2; color:#fff; }
.electricity-controls .seg-btn { color:#16263f; background:#fff; }
.electricity-controls .tariff-reference { font-size:.94rem; margin-bottom:16px; }
.electricity-controls .form-label { margin-bottom:8px; color:#16263f; }
#electricity-compare { color:#16263f; background:#fff; }
#electricity-compare fieldset { min-width:0; margin:20px 0; padding:0; border:0; }
#electricity-compare legend { width:100%; margin:0 0 12px; padding:0; font-size:1.05rem; font-weight:700; color:#16263f; }
#electricity-compare .condition-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#electricity-compare .condition-fields .form-group { margin-bottom:0; min-width:0; }
#electricity-compare input, #electricity-compare select { width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #8798b1; border-radius:4px; background:#fff; color:#16263f; font:inherit; font-size:16px; }
#electricity-compare .form-label { color:#16263f; font-size:1rem; }
#electricity-compare .hint-text { font-size:.94rem; margin:8px 0 12px; }
#electricity-compare .comparison-copy { min-height:44px; padding:10px 14px; margin:0 0 12px; color:#16263f; background:#f2f5fa; border:1px solid #8798b1; border-radius:4px; cursor:pointer; font:inherit; }
#electricity-compare .calc-btn { background:#245db2; }
#comparison-error { color:#9f1239!important; font-weight:700; margin:12px 0; }
#comparison-error:empty, #comparison-copy-status:empty { display:none; }
#comparison-result { margin-top:24px; padding-top:20px; border-top:1px solid #cbd5e1; scroll-margin-top:16px; }
#comparison-result-title { margin:0 0 12px; font-size:1.12rem; }
#comparison-difference { font-size:1.7rem; font-weight:700; color:#16263f!important; line-height:1.4; overflow-wrap:anywhere; }
.comparison-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:18px 0; }
.comparison-condition { min-width:0; padding:20px; background:#f8fafc; border:1px solid #cbd5e1; border-radius:4px; }
.comparison-condition h4 { margin:0 0 12px; color:#16263f; font-size:1.05rem; }
.comparison-condition dl { margin:0; }
.comparison-condition dt { color:#475569; margin-top:12px; }
.comparison-condition dd { margin:2px 0 0; color:#16263f; font-weight:700; overflow-wrap:anywhere; }
.comparison-condition .comparison-price { font-size:1.35rem; }
#electricity-compare .comparison-limit { margin:14px 0 0; font-size:.94rem; }
body.large-font #electricity-compare input, body.large-font #electricity-compare select,
body.large-font #electricity-compare .form-label { font-size:20px; }
body.large-font #electricity-compare .hint-text, body.large-font #electricity-compare .comparison-limit,
body.large-font .electricity-controls p { font-size:18px; }
@media(max-width:560px) {
  .electricity-controls, #electricity-compare, #card-single { padding:20px 16px; }
  #electricity-compare .condition-fields, .comparison-cards { grid-template-columns:1fr; }
  #electricity-compare .condition-fields { gap:16px; }
  .comparison-condition { padding:20px 16px; }
}