.kwh-calc__inputs,.kwh-calc__result{gap:var(--space-md);flex-direction:column;display:flex}.kwh-calc__result{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}.kwh-calc__total{align-items:baseline;gap:var(--space-2xs) var(--space-xs);flex-wrap:wrap;margin:0;display:flex}.kwh-calc__total-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--text-3xl);color:var(--color-accent);font-weight:700;line-height:1}.kwh-calc__total-unit{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);color:var(--color-ink)}.kwh-calc__total-when{font-size:var(--text-sm);color:var(--color-ink-2);flex-basis:100%}.kwh-calc__bar{height:var(--space-md);border-radius:var(--radius-pill);background:var(--color-paper-3);display:flex;overflow:hidden}.kwh-calc__seg{flex-basis:0;min-width:0}.kwh-calc__seg+.kwh-calc__seg{border-left:2px solid var(--color-paper)}:is(.kwh-calc__seg,.kwh-calc__dot)[data-tone=energy]{background:var(--color-accent)}:is(.kwh-calc__seg,.kwh-calc__dot)[data-tone=network]{background:var(--color-ink)}:is(.kwh-calc__seg,.kwh-calc__dot)[data-tone=state]{background:var(--color-muted)}:is(.kwh-calc__seg,.kwh-calc__dot)[data-tone=vat]{background:var(--color-rule)}.kwh-calc__dot{width:var(--space-sm);height:var(--space-sm);margin-right:var(--space-xs);border-radius:var(--radius-pill);vertical-align:middle;display:inline-block}.kwh-calc__rows{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);margin:0;overflow:hidden}.kwh-calc__row{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);display:flex}.kwh-calc__row+.kwh-calc__row{border-top:1px solid var(--color-rule-2)}.kwh-calc__row dt{color:var(--color-ink-2)}.kwh-calc__row dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.kwh-calc__row--total{background:var(--color-paper-2);font-weight:700}.kwh-calc__row--total dt{color:var(--color-ink)}.kwh-calc__bands{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));margin:0;padding:0;list-style:none;display:grid}.kwh-calc__bands li{justify-content:space-between;align-items:baseline;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);font-size:var(--text-sm);display:flex}.kwh-calc__bands li[data-current=true]{border-color:var(--color-accent)}.kwh-calc__bands strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kwh-calc__meaning{gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-paper-warm);flex-direction:column;display:flex}.kwh-calc__meaning p{margin:0}.ds-hero__grid:has(.kwh-calc){align-items:start}.ds-hero__media[data-frame=art]:has(.kwh-calc){background:0 0;border:0;padding:0}.kwh-calc .quote-panel__title{margin-bottom:var(--space-sm)}.kwh-calc__inputs{gap:var(--space-sm)}.kwh-calc__result{margin-top:var(--space-md);padding-top:var(--space-md);gap:var(--space-sm)}.kwh-calc__month{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:end;display:grid}.kwh-calc__month-cost{gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-paper);border:1px solid var(--color-rule);margin:0;display:grid}.kwh-calc__month-cost span{font-size:var(--text-xs);color:var(--color-ink-2)}.kwh-calc__month-cost strong{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink);font-variant-numeric:tabular-nums}@media (max-width:26rem){.kwh-calc__month{grid-template-columns:minmax(0,1fr)}}