.calculator-head { max-width: 820px; }
.calculator-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.calculator-grid label { display: grid; gap: 8px; font-weight: 900; }
select, input[type="range"] { width: 100%; accent-color: var(--apple-red); }
select { min-height: 44px; padding: 8px 10px; border: 3px solid var(--rail); background: #fffdf4; color: var(--ink); font: inherit; font-weight: 800; }
output { font-family: "Space Mono", Consolas, monospace; color: var(--apple-red); }
.results-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 14px; margin-top: 18px; }
.result-card { padding: 16px; border: 3px solid var(--rail); background: #fffdf4; }
.result-card.wide { grid-column: 1 / -1; }
.bar-row { display: grid; grid-template-columns: 64px 1fr 54px; align-items: center; gap: 10px; margin: 10px 0; font-family: "Space Mono", Consolas, monospace; font-size: .92rem; }
.bar-track { height: 20px; border: 2px solid var(--rail); background: #F5D8A4; }
.bar-fill { height: 100%; background: linear-gradient(90deg, var(--pasture-green), var(--sun-star), var(--apple-red)); }
.result-number { font-family: "Space Mono", Consolas, monospace; font-size: clamp(1.35rem, 3vw, 2.15rem); font-weight: 700; color: var(--apple-red); margin: 0 0 18px; }
@media (max-width: 880px) {
  .calculator-grid, .results-grid { grid-template-columns: 1fr; }
}