/* Progressive Munhwao masterclass: layout namespaced to prevent regression elsewhere */
.munhwao-masterclass{display:grid;gap:16px;min-width:0;margin:24px 0;scroll-margin-top:68px}
.mm-head{border-radius:18px;padding:clamp(20px,3vw,30px);background:linear-gradient(115deg,#153143,#26414a 65%,#1d473e);color:#fbffff}
.mm-head h2{font-size:clamp(1.4rem,3vw,2.15rem);margin:8px 0}
.mm-head p{max-width:72ch;color:#e0eeee;line-height:1.6}.mm-head .mm-mini{font-size:.85rem;color:#bcd9d9}
.mm-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mm-metrics span{background:#ffffff15;border:1px solid #ffffff44;border-radius:18px;padding:6px 12px;font-size:.85rem}
.mm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mm-steps button,.mm-buttons button,.mm-choices button{cursor:pointer;font:inherit;padding:11px 12px;min-height:42px;border:1px solid var(--line,#dce5dd);border-radius:11px;color:var(--ink,#283b32);background:var(--surface,#fff)}
.mm-steps button.active,.mm-buttons .mm-primary{background:var(--green,#177b68);border-color:var(--green,#177b68);color:#fff}
.mm-steps button.active{font-weight:750}
.mm-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.mm-contrast>div{padding:18px 12px;border-radius:14px;background:rgba(102,151,156,.07);border:1px solid var(--line,#dce5dd);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.mm-contrast small{font-size:.78rem;color:var(--muted,#60746f)}
.mm-contrast strong{font-size:clamp(1.45rem,3.4vw,2.2rem);overflow-wrap:anywhere}
.mm-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.mm-buttons button:disabled,.mm-choices button:disabled{opacity:.55;cursor:not-allowed}
.mm-typing label{display:block;margin:14px 0 6px}
.mm-typing input{font:inherit;font-size:1.1rem;color:var(--ink,#263a30);background:var(--surface,#fff);border:1px solid var(--line,#dce5dd);padding:11px 13px;width:100%;border-radius:10px}
.mm-feedback{font-size:.89rem;min-height:24px;margin-top:12px}
.mm-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0}
.mm-choices button{overflow-wrap:anywhere}
.mm-choices span{font-size:1.09rem}
.mm-review-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:120px;border:1px solid var(--line,#dce5dd);background:rgba(95,139,120,.07);border-radius:13px}
.mm-review-card strong{font-size:1.85rem}
.mm-context summary{font-weight:700;cursor:pointer}
.mm-table-wrap{max-width:100%;overflow-x:auto}
.mm-table-wrap table{border-collapse:collapse;width:100%;margin-top:15px}
.mm-table-wrap td,.mm-table-wrap th{padding:10px;border-bottom:1px solid var(--line,#dce5dd);text-align:left}
.mm-table-wrap td:nth-child(2),.mm-table-wrap td:nth-child(3){font-size:1.1rem;min-width:100px}
.munhwao-masterclass button:hover,.munhwao-masterclass button:focus-visible{border-color:var(--green,#177b68);outline-offset:2px}
@media(max-width:820px){.mm-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.munhwao-masterclass>.mw4-grid{grid-template-columns:1fr}.mm-steps{grid-template-columns:1fr}.mm-contrast{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}