/* One readable hierarchy per answer; Thai supports the pronunciation rather than competing with it. */
html[data-design="2026"] #modal .foundationCards{gap:10px;margin:18px 0}
html[data-design="2026"] #modal .foundationCard.option{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:72px;padding:14px 18px;text-align:left;border-radius:16px;font-size:18px;line-height:1.4;white-space:normal}
html[data-design="2026"] #modal .foundationCard .foundationChoiceReading{display:block;font:inherit;color:inherit;overflow-wrap:break-word}
html[data-design="2026"] #modal .foundationCard .foundationChoiceScript{display:block;font-size:19px;line-height:1.5;font-weight:400;color:var(--sub);margin:0}
html[data-design="2026"] #modal .foundationCard.correct .foundationChoiceScript{color:inherit}
.foundationNewExpression{font-size:12px;line-height:1.5;color:var(--green);margin:8px 0 15px}
html[data-design="2026"] #modal .foundationArea:has(.foundationNewExpression) .foundationWord{padding:16px;margin:14px 0}
html[data-design="2026"] #modal .foundationArea:has(.foundationNewExpression) .friendlyReading{font-size:28px}
@media(max-height:740px){html[data-design="2026"] #modal .foundationCard.option{min-height:64px;padding:11px 15px;font-size:17px}html[data-design="2026"] #modal .foundationCard .foundationChoiceScript{font-size:17px}}
html[data-design="2026"] #modal .foundationCard .foundationChoiceReading{padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}