/* article-template.css – shared technical fixes for the standalone journal articles (2026-10-20). */

/* Keep the injected DE/EN switch inside the header instead of overlapping the links */
html body > nav.nav { position: relative; gap: 24px; }
html body > nav.nav > span { margin-left: auto; }
html body > nav.nav .language-switch-injected {
  position: static !important;
  top: auto !important;
  right: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px !important;
}
html body > nav.nav .language-switch-injected button {
  min-width: 32px;
  min-height: 44px;
  border: 0;
  background: transparent;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

/* Eyebrow inside the orange call-to-action box was orange on orange (invisible) */
html body .cta .eyebrow { color: #fff !important; opacity: .9; }

/* Comfortable touch targets */
html body > nav.nav a { display: inline-flex; align-items: center; min-height: 44px; }
html body a.back { display: inline-block; padding: 12px 0; }
html body .cta a { min-height: 44px; }

@media (max-width: 650px) {
  html body .eyebrow { font-size: 11px !important; }
  html body .cta a { font-size: 12px !important; }
}