.past-verbs-page *{box-sizing:border-box}
.past-verbs-page [hidden]{display:none!important}
.past-verbs-page .pron-library-hero h1{font-size:clamp(1.6rem,2.7vw,2.7rem)}
.past-shell{width:calc(100% - 44px);max-width:none;margin:24px auto 36px;color:#153a55}
.past-shell h2,.past-shell h3{color:#133b55;margin:0 0 10px}.past-shell p{line-height:1.5;margin:10px 0}
.past-intro,.past-hint{font-size:.92rem;color:#496273}.past-groups,.past-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.past-shell button,.past-shell select{font:inherit;min-height:44px;border-radius:10px;border:1px solid #9ab9cb;padding:9px 14px;background:white;color:#123d56;max-width:100%}
.past-shell button{cursor:pointer;font-weight:700}.past-shell button:hover{background:#e9f3f8}.past-shell button:disabled{cursor:not-allowed;opacity:.55}.past-shell button:focus-visible,.past-shell select:focus-visible{outline:3px solid #c9890c;outline-offset:3px}
.past-shell button[aria-pressed=true],#nextButton,#submitButton{background:#104e6b;color:#fff}.past-groups button{flex:1}
.past-rule{background:#eaf5f5;border:1px solid #bad7d9;border-radius:16px;padding:16px 20px;margin:16px 0}.past-rule p:last-child{font-size:.9rem;color:#36596a}
.past-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;align-items:start}.past-panel{min-width:0;border:1px solid #d0dfe8;background:#fff;border-radius:18px;padding:22px}
.past-step{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.9rem}.past-step label{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#baseForm{color:#456478;margin-top:22px}.past-shell #readingText{font-size:clamp(1.65rem,3vw,2.8rem);padding:14px 0 24px;line-height:1.65;overflow-wrap:anywhere}
.past-shell .reading-word{font-size:inherit;padding:3px 8px;border:1px solid transparent;background:#edf4f8;color:#123d56;margin:2px;border-radius:9px}.past-shell .reading-word.is-correct{background:#e0f4e7;color:#175d38;border-color:#9bc8ac}.past-shell .reading-word.is-missed{background:#fff0f0;color:#8e252c;border-color:#dca2a5;text-decoration:underline wavy}
.past-mic-label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.past-meter{display:flex;align-items:center;gap:12px;margin:14px 0;font-size:.85rem}.past-meter meter{flex:1;min-width:60px}.past-shell audio[controls]{display:block;width:100%;margin:12px 0}
.past-shell #recordButton{background:#b91642;color:white;border-color:#b91642}#attemptResult{margin:16px 0;padding:16px;background:#f0f6fb;border-radius:12px}#attemptScore{font-weight:800}.past-navigation{margin-top:20px}.past-shell progress{width:100%;height:12px;accent-color:#147087}.past-group-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.past-group-scores p{padding:12px 6px;text-align:center;background:#edf5f7;border-radius:10px;font-size:.9rem}.past-group-scores strong{display:block;font-size:1.2rem}.past-shell details{margin:16px 0}.past-shell summary{cursor:pointer;font-weight:700;min-height:44px;padding:10px 0}.past-reset{margin-top:12px}.past-shell #submitStatus{overflow-wrap:anywhere}.past-shell #attemptHistory p{font-size:.88rem;border-bottom:1px solid #dbe5ec;padding-bottom:10px}.past-shell #saveStatus{font-size:.85rem;color:#456478}.past-shell .error{color:#932d32!important}
@media(max-width:900px){.past-layout{grid-template-columns:1fr}.past-shell{width:calc(100% - 32px)}}
@media(max-width:500px){.past-shell{width:calc(100% - 24px)}.past-panel{padding:15px}.past-rule{padding:14px}.past-shell button,.past-shell select{padding:8px 10px}.past-groups{gap:6px}.past-groups button{font-size:.85rem}.past-step label{width:100%}.past-step select{width:100%}.past-verbs-page .pron-library-hero h1{font-size:1.55rem}}

/* Same inline pronunciation affordance as Intermediate 2 Unit 4. */
.past-shell .reading-word{background:transparent;border:0;border-bottom:2px dotted #147087;border-radius:4px;padding:.15rem .2rem;min-height:44px;line-height:1.5;text-align:left}
.past-shell .reading-word:hover:not(.is-missed):not(.is-correct),.past-shell .reading-word[aria-pressed=true]:not(.is-missed):not(.is-correct){background:#e1f2ec;color:#145437}
.past-shell .reading-word[aria-pressed=true]{outline:2px solid #147087;outline-offset:2px}
.past-shell .reading-word.is-missed{background:#fff0f0;color:#8e252c;border-bottom-color:#a63c42}
.past-shell .reading-word.is-correct{background:#e0f4e7;color:#175d38;border-bottom-color:#267a4e}
.past-record-controls{justify-content:center;gap:18px;margin:20px 0 14px}
.past-shell #recordButton.mic-button{width:86px;height:86px;min-width:86px;min-height:86px;border:0;border-radius:50%;display:grid;place-items:center;padding:0;font-size:2rem;background:linear-gradient(135deg,#ee5064,#b91642);color:#fff;box-shadow:0 12px 24px #b9164233}
.past-shell #recordButton.is-recording{opacity:1;animation:past-mic-pulse 1.25s infinite;outline:3px solid #b91642;outline-offset:4px}
@keyframes past-mic-pulse{50%{box-shadow:0 0 0 12px #b916421c}}
@media(prefers-reduced-motion:reduce){.past-shell #recordButton.is-recording{animation:none}}

.past-word-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0}
.past-word-row #readingText{min-width:0;padding:0;flex:1 1 160px}
.past-inline-speed{flex:0 0 auto;gap:6px;flex-wrap:nowrap;font-size:.88rem}
.past-inline-speed button{padding:8px;min-width:44px}
.past-shell .sentence-model-text{font:inherit;min-height:44px;padding:3px 2px;color:#123d56;background:transparent;border:0;border-bottom:2px dotted #147087;border-radius:3px;text-align:left}
.past-shell .sentence-model-text:hover,.past-shell .sentence-model-text[aria-pressed=true]{background:#e1f2ec;color:#145437}
@media(max-width:500px){.past-word-row{gap:8px}.past-word-row #readingText{flex:1 1 100px;font-size:1.65rem}.past-inline-speed{gap:4px;font-size:.8rem}.past-inline-speed button{padding:8px 5px}.past-inline-speed>span{font-size:.75rem}}