.learning-coach{margin:26px 0;border:1px solid #bad9cd;border-radius:22px;background:#fff;color:#153e3b;overflow:hidden;box-shadow:0 5px 22px #17453608}
.learning-coach>summary{padding:20px 24px;font-size:21px;font-weight:750;cursor:pointer;min-height:58px;background:linear-gradient(110deg,#eef8f2,#f7fbf9)}
.coach-content{padding:26px;display:grid;gap:18px}.coach-content p{margin:0;line-height:1.7}.coach-content h3{margin:0;font-size:25px}
.coach-goal-card{display:grid;gap:7px}.coach-eyebrow{font-size:13px;letter-spacing:.04em;color:#417266;font-weight:750}.coach-goal{font-size:17px}.coach-counter,.coach-note{color:#526f67;font-size:14px}
.coach-stages{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;gap:8px;counter-reset:coach-step}.coach-stages li{counter-increment:coach-step;display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere;border-radius:12px;background:#f4f7f5;color:#536d62;padding:10px 12px;font-size:14px;font-weight:650}.coach-stages li:before{content:counter(coach-step);display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#e3ede6}.coach-stages li[data-active=true]{background:#e3f2e9;color:#146a51}.coach-stages li[data-active=true]:before{background:#187a61;color:#fff}
.coach-progress-row{display:flex;align-items:center;gap:16px}.coach-counter{font-variant-numeric:tabular-nums;flex:none;font-weight:650}.coach-progress{appearance:none;border:0;height:7px;width:100%;border-radius:20px;overflow:hidden;background:#e8f0eb;color:#187a61}.coach-progress::-webkit-progress-bar{background:#e8f0eb}.coach-progress::-webkit-progress-value{background:#187a61;border-radius:20px}.coach-progress::-moz-progress-bar{background:#187a61;border-radius:20px}
.coach-quote{font-size:clamp(23px,2.5vw,30px);line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;padding:24px;background:#edf6f0;border-radius:16px}.coach-formula{padding:14px 18px;border-inline-start:4px solid #8fcab2;background:#f5f9f6;border-radius:0 10px 10px 0;font-weight:650}.coach-cue,.coach-prompt{color:#395c51;font-size:17px}
.coach-content input:not([type=checkbox]),.coach-content textarea{box-sizing:border-box;width:100%;padding:16px;min-height:54px;border:1px solid #a4c7b8;border-radius:13px;font:inherit;font-size:19px;color:#153e3b;background:#fff}.coach-content textarea{min-height:135px;resize:vertical}.coach-keyboard-note{color:#62796d;font-size:13px}
.coach-listening,.coach-actions,.coach-rating,.coach-navigation{display:flex;flex-wrap:wrap;gap:10px}.coach-content button{font-size:16px;min-height:48px;max-width:100%;padding:12px 18px;border-radius:12px;line-height:1.45;overflow-wrap:anywhere}.coach-rating{padding-top:4px}.coach-rating button{flex:1 1 190px}.coach-navigation{justify-content:space-between;border-top:1px solid #e0ece4;padding-top:16px}.coach-navigation button{font-size:14px}.coach-navigation button:last-child{color:#516f61}.coach-feedback{color:#476b5e;display:flex;align-items:center;gap:12px}.coach-feedback:empty{display:none}.coach-feedback strong{font-size:20px}.coach-feedback[data-correct=true]{color:#137158}.coach-feedback[data-correct=false]{padding:12px 16px;border-radius:11px;background:#fff5e5;color:#785727}
.coach-reference{padding:20px;display:grid;gap:12px;border:1px solid #c4ddcf;border-radius:14px;background:#f5faf7;overflow-wrap:anywhere}.coach-selfcheck{border:1px solid #c4ddcf;border-radius:14px;margin:0;padding:8px 16px 14px;display:grid;gap:2px}.coach-selfcheck legend{padding:0 6px;font-weight:750;font-size:15px;color:#315b4c}.coach-selfcheck label{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;font-size:15px;line-height:1.6}.coach-selfcheck input[type=checkbox]{appearance:auto;accent-color:#187a61;width:21px;height:21px;min-height:21px;flex:none;margin:0}
.coach-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.coach-stats p{padding:18px;background:#edf6f0;border-radius:14px;font-size:14px;overflow-wrap:anywhere}.coach-stats strong{display:block;font-size:30px;margin-top:8px}.coach-result-message{color:#3d6554;font-size:17px}.learning-coach [hidden]{display:none!important}.coach-content :focus-visible{outline:3px solid #137b60;outline-offset:3px}
@media(max-width:600px){.coach-content{padding:18px;gap:16px}.learning-coach>summary{padding:18px}.coach-quote{padding:18px;font-size:24px}.coach-stages{gap:5px}.coach-stages li{padding:9px 6px;font-size:12px;gap:5px}.coach-stages li:before{width:20px;height:20px}.coach-actions button{flex:1 1 140px}.coach-rating button{flex-basis:100%}.coach-stats{gap:8px}.coach-stats p{padding:12px;font-size:12px}.coach-stats strong{font-size:24px}.coach-keyboard-note{display:none}.coach-navigation button:last-child{flex:1 1 160px}.coach-selfcheck{padding:8px 12px 12px}}
@media(prefers-reduced-motion:no-preference){.coach-stages li,.coach-content button{transition:background-color .15s,color .15s}.coach-progress::-webkit-progress-value{transition:width .2s}}