/* Mindset Warm-up · from old thoughts to a stronger belief. */
.msw-panel{margin-bottom:20px;border:1px solid #e6e3d6;border-radius:21px;padding:clamp(17px,3vw,28px);background:#fffdf8;box-shadow:0 5px 22px #163b6d09}
.msw-panel *{box-sizing:border-box}
.msw-kicker{display:inline-block;font-size:.74rem;font-weight:900;letter-spacing:.07em;color:#b17727;margin-bottom:8px}
.msw-heading h2{font-size:clamp(1.34rem,2.8vw,1.9rem);color:#183767;margin:0 0 6px;line-height:1.3}
.msw-heading p{font-size:.98rem;color:#5b7185;margin:0 0 20px}
.msw-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.msw-old,.msw-new{padding:18px;background:#fff;border-radius:15px;border:1px solid #e9e4e1}
.msw-old{border-top:4px solid #e99b80;background:linear-gradient(180deg,#fff8f4,#fff 38%)}
.msw-new{border-top:4px solid #86bb88;background:linear-gradient(180deg,#f5fff4,#fff 38%)}
.msw-compare-head{display:flex;align-items:center;gap:9px}
.msw-compare-head>span{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#536c82;font-weight:900;font-size:.84rem;border:1px solid #e1e6ea}
.msw-compare-head h3{font-size:1.1rem;line-height:1.4;color:#194778;margin:0}
.msw-compare p{font-size:.91rem;color:#62778a;min-height:3.1em;margin:10px 0 14px}
.msw-label{display:block;margin:12px 0 8px;font-size:.88rem;font-weight:800;color:#3b617e}
.msw-panel textarea{display:block;width:100%;border:1px solid #c3d4df;border-radius:12px;background:#fff;color:#23415e;padding:11px 13px;font-family:inherit;font-size:1rem;line-height:1.55;resize:vertical;min-height:107px}
.msw-panel textarea:focus-visible,.msw-panel button:focus-visible,.msw-ideas summary:focus-visible{outline:3px solid #e4ad46;outline-offset:2px}
.msw-ideas{margin-top:13px;border-radius:10px;background:#f5f8fc}
.msw-ideas summary{padding:10px 11px;color:#32658a;font-weight:800;font-size:.84rem;cursor:pointer;line-height:1.4}
.msw-example-choices{display:grid;gap:7px;padding:2px 10px 11px}
.msw-example-choices button{display:block;text-align:left;border:1px solid #dfe9ef;border-radius:9px;background:#fff;padding:9px 10px;color:#375775;font:inherit;font-size:.86rem;line-height:1.42;cursor:pointer}
.msw-example-choices button:hover{background:#eaf4fc;border-color:#9bbcd6}
.msw-finish{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-radius:13px;background:#fff6df;padding:16px}
.msw-finish strong{color:#8a651d}
.msw-finish p{font-size:.88rem;color:#6e725d;margin:4px 0 0;line-height:1.5}
.msw-finish .button{flex-shrink:0;min-height:44px}
.msw-panel .msw-notice{font-size:.86rem;color:#347459;font-weight:700;margin:10px 0 0}
@media(max-width:700px){
 .msw-compare{grid-template-columns:1fr}
 .msw-compare p{min-height:0}
 .msw-old,.msw-new{padding:14px}
}
@media(max-width:420px){
 .msw-panel{padding:15px 12px}
  .msw-finish .button{width:100%}
}
/* Mindset speaking: prominent UK IPA, listen, local recording, playback. */
.msj-speaking{background:linear-gradient(135deg,#fffdf5,#f7fbff)}
.msj-speak-card{margin:14px 0 17px;border-radius:14px;padding:20px clamp(14px,3vw,25px);background:#fff;border:1px solid #e5ebf1;display:grid;gap:8px}
.msj-speak-number{font-size:.8rem;letter-spacing:.04em;font-weight:850;color:#537da2}
.msj-speak-en{font-size:clamp(1.14rem,2.4vw,1.47rem);line-height:1.45;font-weight:850;color:#102e65}
.msj-speak-ipa{font-size:clamp(1.03rem,2.2vw,1.24rem);line-height:1.6;font-weight:730;color:#088f9b;word-break:normal;overflow-wrap:anywhere}
.msj-record-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.msj-record-actions .button{min-height:45px}
.msj-record-actions .msj-recording{background:#c72e42;color:#fff}
.msj-playback{background:#f4faf5;border:1px solid #dbe9df;border-radius:13px;padding:11px 14px;margin:14px 0}
.msj-playback span{font-size:.86rem;font-weight:750;color:#356751;display:block}
.msj-playback audio{display:block;width:100%;margin-top:7px;min-height:45px}
.msj .msj-voice-status{font-size:.94rem;font-weight:730;color:#285b84;margin:14px 0 3px}
.msj .msj-privacy-note{font-size:.8rem;color:#6b8092;margin:5px 0 0}
.msj-poster-fallback{max-width:100%;max-height:620px;overflow:auto;padding:15px 14px}
.msj-poster-fallback h3{color:#2272b2;font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.25;margin:0 0 12px}
.msj-poster-lines{list-style:none;margin:0;padding:0;display:grid;gap:9px;text-align:left}
.msj-poster-lines li{padding-bottom:6px;border-bottom:1px solid #e9e6db}
.msj-poster-lines strong{color:#132a62;line-height:1.35;font-size:.88rem;display:block}
.msj-poster-lines span{color:#08939c;line-height:1.5;display:block;margin-top:2px;font-size:.83rem;overflow-wrap:anywhere}
.msj-poster-fallback p{margin:10px 0 0;font-size:.86rem!important}
.msj-words li{font-weight:600;font-size:.93rem;color:#445e7a}
@media(max-width:480px){.msj-record-actions .button{flex:1}.msj-speak-card{padding:15px}}

/* Readable English + Vietnamese prompts and examples for Before and Now. */
.msw-heading p [lang],.msw-compare p [lang],.msw-finish p [lang]{display:block;line-height:1.52}
.msw-heading p [lang=vi],.msw-compare p [lang=vi],.msw-finish p [lang=vi]{color:#60788b;font-size:.91em;margin-top:5px}
.msw-heading p [lang=en],.msw-compare p [lang=en],.msw-finish p [lang=en]{font-weight:750;color:#284d79}
.msw-example-choices button strong,.msw-example-choices button small{display:block;line-height:1.45}
.msw-example-choices button strong{font-size:.9rem;color:#284d7d;font-weight:800}
.msw-example-choices button small{font-size:.83rem;color:#637c91;margin-top:3px}
.msw-compare p{min-height:4em}
@media(max-width:700px){.msw-compare p{min-height:0}}