.toefl-pricing-language { position: relative; z-index: 60; flex-shrink: 0; color: #1a1816; font: 500 .875rem/1.5 system-ui, sans-serif; }
.toefl-pricing-language summary { display: flex; white-space: nowrap; min-height: 40px; box-sizing: border-box; gap: .6rem; align-items: center; cursor: pointer; border: 1px solid #b8b0a4; border-radius: .6rem; padding: .6rem .85rem; background: #fff; list-style: none; }
.toefl-pricing-language summary::-webkit-details-marker { display: none; }
.toefl-pricing-language-options { position: absolute; right: 0; top: calc(100% + .4rem); width: 16rem; max-width: calc(100vw - 2rem); max-height: 65vh; overflow: auto; padding: .4rem; border: 1px solid #b8b0a4; border-radius: .6rem; background: #fff; box-shadow: 0 8px 24px #0002; }
.toefl-pricing-language-options a { display: block; padding: .6rem .8rem; color: inherit; text-decoration: none; border-radius: .3rem; }
.toefl-pricing-language-options a:hover, .toefl-pricing-language-options a[aria-current] { background: #e8eee6; }
.toefl-pricing-language :focus-visible { outline: 2px solid #356244; outline-offset: 3px; }
html:lang(zh) .pricing-hero-title, html:lang(ja) .pricing-hero-title, html:lang(ko) .pricing-hero-title { font-family: system-ui, sans-serif; line-height: 1.3; }
.pricing-hero-title { overflow-wrap: anywhere; }
.pricing-card { min-width: 0; }
.toefl-payment-item, .toefl-payment-total { gap: 1rem; }
.toefl-payment-item > :last-child, .toefl-payment-total > :last-child { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 480px) { .pricing-hero-title { font-size: 2.35rem; } .toefl-select-test { flex-wrap: wrap; } .toefl-payment-total { flex-wrap: wrap; } }
body.dark-mode .toefl-pricing-language { color: #e8e6e3; }
body.dark-mode .toefl-pricing-language summary, body.dark-mode .toefl-pricing-language-options { background: #222; border-color: #625b52; }
body.dark-mode .toefl-pricing-language-options a:hover, body.dark-mode .toefl-pricing-language-options a[aria-current] { background: #354738; }

/* Pricing stays minimal for every locale, including before JavaScript runs. */
.toefl-pricing-navigation #main-nav-items { display: none !important; }
@media (max-width: 640px) {
    .toefl-pricing-navigation .toefl-pricing-language-options { position: fixed; top: 4.5rem; right: .5rem; }
}