.units-trainer { text-align: left; }
.units-levels legend { float: none; width: auto; margin: 0 0 8px; padding: 0 8px; font-size: 1rem; font-weight: 700; }
.units-levels .level-option { flex: 1 1 190px; }
.units-problem { margin: 20px 0; padding: 24px 16px; border-radius: 10px; background: var(--qv-panel); text-align: center; }
.units-equation { margin: 12px 0 0; color: var(--qv-heading); font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 700; overflow-wrap: anywhere; }
.units-answer { max-width: 720px; margin: auto; }
.units-answer label { display: block; margin: 10px 0 6px; font-weight: 600; }
.units-answer input[type="text"], .units-answer select { width: 100%; min-height: 48px; padding: 9px 12px; border: 1px solid var(--qv-border); border-radius: 6px; background: #fff; color: var(--qv-heading); font: inherit; font-size: 1.05rem; }
.units-answer select { margin-bottom: 8px; }
.units-answer input:focus, .units-answer select:focus, .units-examples button:focus-visible { outline: 2px solid var(--qv-accent); outline-offset: 2px; }
.units-help { margin: 8px 0 14px; color: var(--qv-muted); font-size: .9rem; }
.units-fraction, .units-power { display: flex; align-items: end; justify-content: center; gap: 12px; }
.units-fraction label, .units-power label { flex: 1 1 0; min-width: 0; }
.units-fraction > span, .units-times { margin-bottom: 16px; font-size: 1.35rem; white-space: nowrap; }
.units-power .units-exponent { max-width: 120px; transform: translateY(-9px); }
.units-choices { margin: 16px 0; border: 0; padding: 0; }
.units-choices legend { font-size: 1rem; }
.units-choices > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.units-choices label { display: flex; align-items: center; gap: 8px; margin: 0; min-height: 55px; padding: 10px; border: 1px solid var(--qv-border); border-radius: 7px; cursor: pointer; overflow-wrap: anywhere; }
.units-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 20px; }
.units-actions .px-btn { padding-right: 22px; padding-left: 22px; }
.units-feedback { min-height: 28px; margin-top: 15px; text-align: center; font-weight: 700; overflow-wrap: anywhere; }
.units-explanation, .units-guide { margin: 24px 0 0; padding: 18px; border: 1px solid var(--qv-border); border-radius: 9px; background: var(--qv-panel); }
.units-explanation h2 { font-size: 1.1rem; }
.units-explanation p { margin-bottom: 8px; overflow-wrap: anywhere; }
.units-guide summary { cursor: pointer; font-weight: 700; }
.units-guide p { margin: 12px 0; }
.units-examples { display: flex; flex-wrap: wrap; gap: 8px; }
.units-examples button { min-height: 44px; padding: 8px 12px; background: #fff; color: var(--qv-heading); border: 1px solid var(--qv-border); border-radius: 6px; cursor: pointer; }
@media (max-width: 420px) { .units-choices > div { grid-template-columns: 1fr; } .units-actions .px-btn { flex: 1 1 100%; } .units-fraction, .units-power { gap: 7px; } .units-problem { padding: 18px 8px; } }