.calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-block: 1rem; }
.calculator-fields legend { grid-column: 1 / -1; }
.calculator-field-column { display: grid; align-content: start; gap: 1rem; min-width: 0; }
[data-engineering="scaling"] .page-intro { max-width: none; }
[data-engineering="converter"] .page-intro { max-width: none; }
[data-engineering="converter"] .calculator-fields > label[for="quantity"] { grid-column: 1 / -1; }
[data-engineering="converter"] .calculator-fields > label[for="value"] { grid-column: 1; }
@media (min-width: 1000px) { [data-engineering="converter"] .page-intro > p:last-child { white-space: nowrap; } }
.scaling-fields > label[for="value"] { grid-column: 1; }
.scaling-fields > [data-range] { grid-column: 1 / -1; margin-block: 0; }
.scaling-fields label[for="fromUnit"], .scaling-fields label[for="toUnit"] { grid-column: 1 / -1; }
.scaling-fields label[for="toUnit"] { grid-column: 1; }
.scaling-fields label, .scaling-fields legend { white-space: nowrap; }
@media (min-width: 1000px) { [data-engineering="scaling"] .page-intro > p:last-child { white-space: nowrap; } }
.calculator-fields .field-note { color: var(--muted); font-size: .8rem; font-weight: 400; }
.calculation-status { margin: 1rem 0 0; font-size: .9rem; color: var(--muted); }
.calculation-status.error { color: #9c2525; border-left: 3px solid #9c2525; padding-left: .8rem; }
.calculation-values { margin: 0; }
.calculation-values > div { border-bottom: 1px solid var(--site-line); padding-block: 1rem; }
.calculation-values dt { color: var(--muted); font-size: .875rem; }
.calculation-values dd { margin: .35rem 0 0; font-size: 1.35rem; font-weight: 700; overflow-wrap: anywhere; }
.calculation-values > div:first-child dd { font-size: 2rem; color: var(--site-accent); }
.calculator-form fieldset:disabled { opacity: .75; }
.calculator-form fieldset fieldset { margin-top: 0; }
.formula { font-family: ui-monospace, Consolas, monospace; padding: 1rem; background: var(--site-soft); border-radius: 4px; overflow-wrap: anywhere; }
.calculator-note { margin-top: 1.1rem; color: var(--muted); font-size: .9rem; }
.authority-split { display: flex; height: 24px; border-radius: 4px; overflow: hidden; background: #e0e7eb; margin-top: 1.2rem; }
.authority-split > span:first-child { background: #236c93; }
.authority-split > span:last-child { background: #bd6322; }
.authority-caption { font-size: .85rem; font-variant-numeric: tabular-nums; }
@media (max-width: 680px) { .calculator-fields { grid-template-columns: 1fr; } }