/* Independent MW4 learning module, fully namespaced to avoid affecting Hàn / HSK screens */
.mw4-course{--mw4-panel:var(--surface,#fff);--mw4-edge:rgba(127,148,164,.23);display:grid;gap:18px;margin:4px 0 26px;max-width:100%;min-width:0}
.mw4-hero{border-radius:20px;padding:clamp(20px,3vw,32px);color:#f6fbff;background:linear-gradient(115deg,#10283b,#164238 68%,#263a23);position:relative;overflow:hidden}
.mw4-hero:before{content:"한 / EN";font-size:clamp(54px,13vw,148px);font-weight:900;opacity:.065;position:absolute;right:2%;bottom:-.25em;white-space:nowrap;pointer-events:none}
.mw4-hero h2{font-size:clamp(23px,3vw,38px);line-height:1.15;letter-spacing:-.02em;margin:10px 0}
.mw4-hero h2 small{display:block;font-size:.47em;margin-top:9px;color:#bdddd7;font-weight:600;letter-spacing:.04em}
.mw4-hero p{max-width:65ch;color:#f0f6f6;margin:12px 0}
.mw4-kicker{color:#bef9da;letter-spacing:.13em;font-size:.7rem;font-weight:750}
.mw4-course .mw4-disclaimer{font-size:.77rem;color:#bcd3d6}
.mw4-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.mw4-stats span{background:#ffffff19;border:1px solid #ffffff35;border-radius:999px;padding:7px 12px;font-size:.8rem}
.mw4-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.mw4-course button,.mw4-course select{font:inherit}
.mw4-days button,.mw4-actions button,.mw4-audio button,.mw4-option,.mw4-next-day{min-height:42px;padding:9px 12px;cursor:pointer;border:1px solid var(--mw4-edge);border-radius:11px;background:var(--surface,#f8fafc);color:inherit;transition:border-color .15s,background .15s}
.mw4-days button.selected,.mw4-options button:hover,.mw4-course button:focus-visible{border-color:#2fa080;box-shadow:0 0 0 2px #2fa08035}
.mw4-days button.selected{background:#267d63;color:#fff}
.mw4-days button.completed:not(.selected){border-color:#499d68}
.mw4-panel{padding:clamp(17px,2.4vw,26px);min-width:0;border:1px solid var(--mw4-edge);border-radius:18px;background:var(--mw4-panel);box-shadow:0 7px 24px #102b2a0a}
.mw4-panel h3{margin:4px 0 14px;font-size:1.12rem}
.mw4-panel>p{margin:10px 0;line-height:1.65;overflow-wrap:anywhere}
.mw4-panel p[lang=ko]{font-size:1.04rem}
.mw4-label{color:#247b62;letter-spacing:.02em;font-size:.79rem;font-weight:750;margin-bottom:6px}
.mw4-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.mw4-section-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}
.mw4-section-line span{font-size:.8rem;color:var(--muted,#789)}
.mw4-word{min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border-radius:14px;background:rgba(72,154,120,.07);padding:16px}
.mw4-word strong{font-size:clamp(24px,3vw,34px)}
.mw4-word b{font-size:clamp(21px,2.6vw,30px);font-weight:700}
.mw4-word small{color:var(--muted,#667);font-size:.85rem}
.mw4-word p{font-size:1rem;margin:0}
.mw4-hint{font-size:.84rem;color:var(--muted,#778);line-height:1.5}
.mw4-actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:7px;margin:12px 0}
.mw4-actions button:first-child,.mw4-next-day{background:#247b62;color:#fff;border-color:#247b62}
.mw4-audio{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.mw4-audio label{display:inline-flex;align-items:center;gap:7px;font-size:.81rem;margin-left:auto}
.mw4-audio select{border:1px solid var(--mw4-edge);border-radius:7px;padding:7px;background:var(--mw4-panel);color:inherit}
.mw4-dialogue{border-top:1px solid var(--mw4-edge);padding:9px 0}.mw4-dialogue p{margin:5px 0;line-height:1.55}.mw4-dialogue p:last-child{color:var(--muted,#667);font-size:.91rem}
.mw4-say{margin-right:8px;border:0;background:#dff3e8;color:#145842;cursor:pointer;border-radius:8px;min-width:32px;min-height:30px}
.mw4-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}
.mw4-feedback{min-height:22px}
.mw4-course .mw4-missions summary{cursor:pointer;font-weight:700;line-height:1.5}
.mw4-missions ol{columns:2;margin:18px 0 0;padding-left:27px;line-height:2}
.mw4-missions li{break-inside:avoid;overflow-wrap:anywhere}
.mw4-foot{font-size:.79rem;opacity:.84;line-height:1.6;overflow-wrap:anywhere}
.mw4-foot a{text-decoration:underline}
@media(max-width:960px){.mw4-days{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.mw4-grid{grid-template-columns:1fr}.mw4-days{grid-template-columns:repeat(4,minmax(0,1fr))}.mw4-missions ol{columns:1}.mw4-options{grid-template-columns:1fr}.mw4-audio label{margin-left:0}}
@media(prefers-reduced-motion:reduce){.mw4-course button{transition:none}}