.calculator { max-width: 760px; }
.calculator label { display: block; margin-bottom: 8px; font-weight: 700; }
.calculator input, .calculator select { width: 100%; min-width: 0; box-sizing: border-box; padding: 14px; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--bg); color: var(--text); font: inherit; }
.calculator input:focus-visible, .calculator select:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.calculator fieldset { min-width: 0; padding: 0; margin: 24px 0; border: 0; }
.calculator legend { font-weight: 700; margin-bottom: 12px; }
.calculator-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.calculator-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.calculator-result { margin-top: 20px; font-size: 1.15rem; font-weight: 700; }
.calculator [hidden] { display: none; }
.calculator input[type="checkbox"] { width: auto; margin-right: 8px; accent-color: var(--accent); }
.interval-rows { margin: 12px 0 0; padding-left: 1.5em; }
.interval-rows li { padding: 4px 0; }
@media (max-width: 480px) { .calculator-options { grid-template-columns: 1fr; } .calculator-row { gap: 8px; } }