/*
 * Content resilience (Content Length Design System, 01/11/2026).
 * Text typed in the CMS — a long word, a URL, an e-mail, a run of symbols — wraps inside its own box
 * instead of running out of the card or the screen. Only client-editable text is listed: fixed theme
 * labels keep their approved rendering, and with the current content nothing moves (checked on every
 * page, EN and VI, 320–1920 px). `anywhere` also lets flex and grid items shrink below their longest word.
 * The hotline and e-mail beside the consultation form keep the default: at 320 px `anywhere` would
 * rebalance that row. Their budget in the CMS keeps them on one line instead.
 */

/* Home */
.hero h1, .hero .hero-button,
.ghme-about__eyebrow, .ghme-about h2, .ghme-about__description p, .ghme-about__visual figcaption strong, .ghme-about__visual figcaption p,
.ghme-about__services h3, .ghme-about__services p, .ghme-about__actions a,
.programs-eyebrow, .programs-intro h2, .programs-description, .programs-benefits h3, .programs-benefits p, .programs-quote p,
.program-card .program-title h3, .programs .badge, .program-body > p, .program-card .feature-list li,
.product-showcase__heading .inner-eyebrow, .product-showcase__heading h2, .product-showcase__heading .inner-intro,
.product-panel h3, .product-panel .inner-desc, .product-panel .inner-audience, .product-panel .inner-spec li,
.product-panel .inner-benefit h4, .product-panel .inner-benefit p, .product-kit-options button,
.experts__eyebrow, .experts__intro h2, .experts__description, .experts__card-name, .experts__card h4, .experts__academic,
.experts__position, .experts__bio, .experts__specialty span, .experts__dialog h2, .experts__details dd, .experts__full-bio p, .experts__full-bio li,
.partners__eyebrow, .partners__header h2, .partners__description,
.feedback .inner-eyebrow, .feedback h2, .feedback .inner-desc, .feedback .inner-name, .feedback .inner-quote,
.contact-copy .eyebrow, .contact-copy h2, .contact-copy > p, .contact-copy .benefits h3, .contact-copy .benefits p,
.ghme-footer address span, .ghme-footer .inner-bottom p,
/* About */
.about-utility-contact a, .about-eyebrow, .about-page h1, .about-hero .inner-desc, .about-hero .inner-actions a, .about-hero figcaption span, .about-hero figcaption strong,
.about-section h2, .about-overview .inner-content > p, .about-overview .inner-audience span, .about-section-heading > p,
.about-solutions .inner-label, .about-solutions .inner-item h3, .about-solutions .inner-desc, .about-solutions .about-text-link,
.about-approach .inner-desc, .about-approach figcaption, .about-approach .inner-list h3, .about-approach .inner-list p,
.about-contact .inner-content > p, .about-contact .inner-content .button, .about-contact .inner-contact a, .about-contact .inner-contact p,
/* Course */
.course-breadcrumb [aria-current], .course-eyebrow, .course-heading h1, .course-lead, .course-hero figcaption, #course-action-title,
.course-facts dt, .course-facts dd, .course-section h2, .course-section > p, .course-outcomes h3,
.course-module summary > span:nth-child(2), .course-module-body p, .course-experience-copy h3, .course-trainer-placeholder h3, .course-trainer-placeholder p,
.course-question summary, .course-question p, .course-practical dt, .course-practical dd { overflow-wrap: anywhere; }

/* Badge on a course card: wraps when long instead of running past the card edge. */
.programs .badge { white-space: normal; }