.junior-iso { font-size: 16px; }
.junior-iso .iso-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 18px; align-items: center; }
.junior-iso .iso-fig { display: block; width: 100%; height: auto; max-height: 440px; }
.junior-iso .iso-controls { display: grid; gap: 12px; min-width: 0; }
.junior-iso label { display: grid; gap: 6px; font-size: 16px; }
.junior-iso input[type="range"] { width: 100%; min-width: 0; accent-color: var(--a); }
.junior-iso output, .junior-iso .iso-readout { font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.junior-iso .iso-readout { border-left: 3px solid var(--a); padding: 8px 12px; background: var(--card); }
.junior-iso .iso-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.junior-iso .iso-actions a, .junior-iso button { font-size: 16px; }
@media (max-width: 600px) { .junior-iso .iso-layout { grid-template-columns: minmax(0, 1fr); } }
