/* Formulář a schéma sdílejí označení R1, R2, Uin a Uout. */
.divider-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 1fr); gap: var(--resistor-gap); align-items: start; }
.divider-fields { display: grid; gap: var(--resistor-gap); }
.divider-input-row { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: var(--resistor-gap); }
.divider-input-row input, .divider-input-row select { min-width: 0; }
.divider-input-row [aria-invalid="true"] { border-color: var(--danger); }
.divider-result dd { font-size: 28px; }
.divider-diagram { min-width: 0; padding: var(--resistor-padding); border: 1px solid var(--line); border-radius: 3px; background: var(--bg); }
.divider-diagram svg { display: block; width: 100%; height: auto; }
.divider-symbol-name, .divider-symbol-value, .divider-symbol-output { font: 14px Consolas, "Courier New", monospace; fill: var(--text); }
.divider-symbol-name { font-weight: 700; }
.divider-symbol-value { fill: var(--muted); }
.divider-symbol-output { fill: var(--heading); font-weight: 700; }
@media (max-width: 1024px) {
    .divider-layout { grid-template-columns: minmax(0, 1fr); }
    .divider-diagram { width: 100%; max-width: 420px; justify-self: center; }
}