/* Scoped tariff overview; existing navigation and other pages remain unchanged. */
.tariff-selection{border:0;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0}
.tariff-selection legend{font-weight:600;margin-bottom:.75rem}
.tariff-choice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tariff-label{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line,#ccd4cc);border-radius:.6rem;padding:.85rem;cursor:pointer;margin:0;min-width:0}
.tariff-choice:checked+label{background:var(--forest,#29473c);color:#fff}
.tariff-choice:focus-visible+label{outline:3px solid #a76d38;outline-offset:3px}
.tariff-panel{grid-column:1/-1;display:none;min-width:0}
#tariff-eg:checked~[data-unit="eg"],#tariff-dg:checked~[data-unit="dg"],#tariff-whole_house:checked~[data-unit="whole_house"]{display:block}
.tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}
.tariff-card{min-width:0;overflow-wrap:anywhere}
.tariff-card h3{margin-top:0}
.tariff-price{font-size:1.65rem;font-weight:600;line-height:1.35}
.tariff-price span{font-size:1rem;font-weight:400;white-space:nowrap}
.tariff-extras{padding-left:1.25rem}
.tariff-card details{border-top:1px solid var(--line,#ccd4cc);padding-top:.8rem;margin-top:1rem}
.tariff-card summary{cursor:pointer;font-weight:600}
.tariff-card summary:focus-visible{outline:3px solid #a76d38;outline-offset:3px}
.tariff-notes{margin-top:2rem}
.tariff-notes .button{max-width:100%;white-space:normal;text-align:center}
@media(max-width:600px){.tariff-selection{grid-template-columns:1fr}.tariff-label{justify-content:flex-start;text-align:left;padding:.75rem}.tariff-grid{grid-template-columns:1fr}.tariff-notes .button{display:block}}