/* Five Kim Chi Nam commitment and original Believe–Practise–Achieve cards. */
.msx-section{margin:0 0 20px;padding:clamp(17px,3vw,26px);border:1px solid #e6e5dc;border-radius:20px;background:#fffdf8;box-shadow:0 5px 22px #163b6d09}
.msx-section *{box-sizing:border-box}
.msx-path{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;margin-bottom:15px}
.msx-path-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;border-radius:13px;color:#fff;min-height:74px;padding:9px 6px;line-height:1.26}
.msx-path-step strong{font-weight:900;font-size:1.36rem;line-height:1.2;color:#fff}
.msx-path-step span{font-weight:750;font-size:.83rem}
.msx-path-step small{font-size:.73rem;font-weight:650;color:#fff}
.msx-path-step.msx-believe{background:#ee346c}
.msx-path-step.msx-practise{background:#88a72c}
.msx-path-step.msx-achieve{background:#ed9d1b}
.msx-arrow{color:#8d9ba6;font-size:1.6rem;align-self:center}
.msx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}
.msx-card{min-width:0;border:1px solid #e5dfc8;border-radius:15px;background:#fff;box-shadow:0 3px 0 #e9e1c74d;overflow:hidden}
.msx-card summary{cursor:pointer;list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px 14px 12px;min-height:112px}
.msx-card summary::-webkit-details-marker{display:none}
.msx-card summary:focus-visible,.msx-audio-btn:focus-visible,.msx-quiz-option:focus-visible,.msx-promise-row input:focus-visible{outline:3px solid #2577ad;outline-offset:3px}
.msx-card-kicker{font-size:.7rem;letter-spacing:.025em;font-weight:900;color:#596982}
.msx-card-title{display:block;font-size:clamp(1.42rem,2.5vw,1.85rem);font-weight:900;line-height:1.16}
.msx-believe .msx-card-title{color:#ed346a}
.msx-practise .msx-card-title{color:#7f9f24}
.msx-achieve .msx-card-title{color:#e79a17}
.msx-open-help{font-size:.74rem;color:#607b8f;font-weight:750}
.msx-card[open] .msx-open-help{color:#77909f}
.msx-card-body{padding:0 13px 16px}
.msx-word-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 8px}
.msx-word-row>span{font-weight:750;font-size:.91rem;color:#4c637f}
.msx-audio-btn{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1.5px solid #83a8d4;border-radius:100px;background:#eaf3fd;color:#1d4e82;min-height:33px;padding:5px 10px;font-size:.79rem;font-weight:800;cursor:pointer;white-space:nowrap}
.msx-audio-btn:hover{background:#d7ecff}
.msx-meaning{display:block;color:#344e73;font-size:.9rem;margin:6px 0 8px}
.msx-section .msx-English{color:#253c63;font-size:.95rem;margin:0 0 3px;line-height:1.5;font-weight:650}
.msx-section .msx-Vietnamese{color:#64768c;font-size:.82rem;line-height:1.45;margin:0 0 13px}
.msx-phrases{display:grid;gap:9px}
.msx-phrase{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;padding:10px 9px 10px 11px;background:#fff0bd;border-radius:10px}
.msx-phrase>div{min-width:0;flex:1}
.msx-phrase small,.msx-phrase strong,.msx-phrase span{display:block;line-height:1.38}
.msx-phrase small{font-size:.71rem;font-weight:900;margin:0 0 4px;line-height:1.35}
.msx-believe .msx-phrase small{color:#e03f72}
.msx-practise .msx-phrase small{color:#688e25}
.msx-achieve .msx-phrase small{color:#bd821f}
.msx-phrase strong{color:#2c4163;font-size:.85rem;margin-bottom:4px}
.msx-phrase span{color:#5a6b7d;font-size:.77rem}
.msx-phrase .msx-audio-btn{padding:4px 7px;min-width:35px}
.msx-section .msx-support-note{font-size:.81rem;color:#6a7a90;margin:5px 0 0}
.msx-section .msx-voice-feedback{font-size:.87rem;color:#2d6b8c;font-weight:700;margin:8px 0;min-height:1.2em}
.msx-commitment{background:linear-gradient(160deg,#fffdf2 0%,#fff 55%,#f7fbff 100%)}
.msx-pledge-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px}
.msx-pledge-icon{width:47px;height:47px;border-radius:50%;background:#fff0bd;display:grid;place-items:center;flex-shrink:0;font-size:1.65rem}
.msx-pledge-head h2{font-size:clamp(1.32rem,2.4vw,1.7rem);margin:0 0 5px}
.msx-pledge-head p{color:#61758b;margin:0}
.msx-pledge-statement{border-left:4px solid #e7aa36;background:#fff8e4;border-radius:0 13px 13px 0;padding:15px 18px}
.msx-pledge-statement strong{font-size:1.02rem;color:#b47721}
.msx-pledge-statement p{color:#173b70;font-weight:790;font-size:1.02rem;line-height:1.58;margin:7px 0}
.msx-pledge-statement span{color:#5b6d81;line-height:1.5;font-size:.9rem}
.msx-pledge-actions{margin-top:22px}
.msx-pledge-intro{display:flex;gap:7px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.msx-pledge-intro strong{font-size:1.04rem;color:#194776}
.msx-pledge-intro small{font-size:.82rem;color:#6c7b88}
.msx-promise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.msx-promise-row{display:flex;gap:9px;align-items:flex-start;background:#fff;border:1px solid #dce8e9;border-radius:12px;padding:13px 11px;cursor:pointer}
.msx-promise-row:has(input:checked){border-color:#8cbd99;background:#f2fcf3}
.msx-promise-row input{margin-top:6px;accent-color:#389265;width:18px;height:18px;flex-shrink:0;cursor:pointer}
.msx-promise-number{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e7f4f9;color:#1e7296;font-weight:900;font-size:.84rem}
.msx-promise-text{min-width:0}
.msx-promise-text strong,.msx-promise-text small,.msx-promise-text em,.msx-promise-text>span{display:block}
.msx-promise-text strong{color:#204975;font-size:.98rem;line-height:1.4}
.msx-promise-text small{color:#587e8c;font-size:.78rem;margin-bottom:5px;line-height:1.4}
.msx-promise-text em{font-style:normal;font-weight:750;color:#274d77;line-height:1.4;font-size:.88rem;margin-bottom:5px}
.msx-promise-text>span{color:#627586;font-size:.84rem;line-height:1.55}
.msx-commitment textarea{font-family:inherit;width:100%;box-sizing:border-box;min-height:88px;border:1px solid #b6cad6;border-radius:12px;padding:12px;font-size:1rem;background:#fff;color:#284360;resize:vertical}
.msx-commit-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:12px}
.msx-save-state{color:#40765b;font-size:.85rem;font-weight:750}
.msx-section .msx-status{min-height:1.3em;color:#317455;font-weight:750;font-size:.9rem;margin:9px 0}
.msx-history{border:1px solid #e0e9ef;border-radius:11px;background:#f7fafc;padding:10px 13px;margin:12px 0}
.msx-history summary{cursor:pointer;color:#326a95;font-weight:800}
.msx-history-list{display:grid;gap:6px;margin-top:11px}
.msx-history-list>div{padding:10px;background:white;border-radius:8px;display:grid;gap:3px}
.msx-history-list strong{color:#3a6984;font-size:.85rem}
.msx-history-list span,.msx-history-list small{color:#567288;font-size:.87rem;line-height:1.4}
.msx-section .msx-no-pressure{font-size:.8rem;color:#687b8f;margin:12px 0 0}
@media(min-width:950px){.msx-card[open] .msx-card-body{min-height:367px}}
@media(max-width:780px){
 .msx-cards{grid-template-columns:1fr}
 .msx-card summary{min-height:auto;padding:13px 14px}
 .msx-card-body{padding:0 14px 15px}
 .msx-path{gap:5px}
 .msx-path-step{padding:9px 3px;min-height:66px}
 .msx-path-step strong{font-size:clamp(.94rem,3.7vw,1.2rem)}
 .msx-path-step span{font-size:.69rem}
 .msx-path-step small{font-size:.66rem}
 .msx-arrow{font-size:1rem}
}
@media(max-width:580px){
 .msx-section{padding:16px 13px}
 .msx-promise-grid{grid-template-columns:1fr}
 .msx-path-step span{display:none}
 .msx-path-step small{font-size:.65rem}
 .msx-pledge-statement{padding:13px}
}

/* Three very short checks to distinguish the three learning principles. */
.msx-mini{background:#f6faff;border:1px solid #dceaf7;border-radius:14px;margin-top:15px;padding:16px}
.msx-mini-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.msx-mini-heading strong{display:block;color:#1e4b77;font-size:1.06rem;line-height:1.4}
.msx-mini-heading small{display:block;color:#607a93;font-size:.85rem;margin-top:3px}
.msx-mini-heading>span{border-radius:100px;background:#e2f4e5;color:#2e714a;font-size:.85rem;font-weight:900;padding:6px 10px;white-space:nowrap}
.msx .msx-mini-en,.msx-mini-en{color:#1c3e6f!important;font-size:1.05rem;font-weight:800;line-height:1.5;margin:15px 0 2px}
.msx-mini-vi{color:#637991;font-size:.86rem!important;margin:0 0 15px!important}
.msx-mini-answers{display:flex;gap:9px;flex-wrap:wrap}
.msx-mini-choice{font:inherit;font-size:.9rem;font-weight:850;border-radius:10px;padding:9px 16px;background:#fff;border:2px solid #c4d3e2;color:#2c537c;cursor:pointer}
.msx-mini-choice:hover:not(:disabled){background:#ebf5ff;border-color:#5796cc}
.msx-mini-choice.chosen.believe{background:#ffdeea;border-color:#ee346c;color:#b52252}
.msx-mini-choice.chosen.practise{background:#eaf6cf;border-color:#88a72c;color:#587c19}
.msx-mini-choice.chosen.achieve{background:#fff0c7;border-color:#ed9d1b;color:#9c6613}
.msx-mini-choice:disabled{cursor:default;opacity:.77}
.msx-mini-choice.chosen:disabled{opacity:1}
.msx-mini-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px}
.msx-mini-bottom>span{color:#3a7085;font-weight:700;font-size:.88rem}
.msx-mini-bottom .button{min-height:42px}
@media(max-width:480px){.msx-mini{padding:13px 11px}.msx-mini-choice{padding:8px 11px;flex:1}}