/* Long German words must fit their content/card column, including on tablets.
 * Keep normal word boundaries; automatic hyphenation and an emergency break
 * handle words or URLs that are wider than the available line. */
@media (max-width: 1024px) {
 /* Avoid automatic phone/landscape text inflation; browser zoom stays enabled. */
 body.hirondelle-design-2026 {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
 }
 body.hirondelle-design-2026 #content :is(h1,h2,h3,h4,h5,h6) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  white-space: normal !important;
  word-break: normal;
  overflow-wrap: anywhere !important;
  -webkit-hyphens: auto;
  hyphens: auto;
 }
 body.hirondelle-design-2026 #content :is(p,li,dd,dt,blockquote,figcaption,label) {
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
 }

 /* This is a comparison table, so retain its readable column widths and
  * confine horizontal scrolling to the table area at every narrow breakpoint. */
 body.hirondelle-design-2026 #content .hfd-modern-concept {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
 }
 body.hirondelle-design-2026 #content table.hfd-concept-palette :is(td,th) {
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
 }
}

/* Fluid type for the headline/card styles that previously retained a large
 * fixed minimum on phones. The desktop rules remain entirely outside this. */
@media (max-width: 767px) {
 body.hirondelle-design-2026 #content .hfd-modern-training.hfd-modern-training h1 {
  font-size: clamp(28px, 7.5vw, 35px) !important;
  line-height: 1.16 !important;
 }
 body.hirondelle-design-2026 #content .hfd-modern-training.hfd-modern-training .hfd-modern-card-copy .ekit-heading--title {
  font-size: clamp(22px, 5.8vw, 27px) !important;
  line-height: 1.22 !important;
 }
 body.hirondelle-design-2026.hfd-home-modern #content .hfd-home-hero h1 {
  font-size: clamp(34px, 9vw, 46px) !important;
  line-height: 1.12 !important;
 }
 body.hirondelle-design-2026.hfd-home-modern #content h2 {
  font-size: clamp(28px, 7.4vw, 34px) !important;
  line-height: 1.18 !important;
 }
 body.hirondelle-design-2026.hfd-home-modern #content :is(.hfd-home-course,.hfd-home-info-card) h3 {
  font-size: clamp(23px, 6vw, 28px) !important;
  line-height: 1.22 !important;
 }
}