/* Keep translated desktop navigation and account controls on one line. */
@media (min-width: 981px) {
  .site-header:has(.language-switcher) .site-header__inner {
    display: flex; flex-wrap: nowrap; align-items: center;
    width: min(1520px, calc(100% - 32px)); box-sizing: border-box;
    gap: 10px; padding-inline: 14px;
  }
  .site-header:has(.language-switcher) .brand { min-width: 0; flex: 0 0 auto; gap: 8px; }
  .site-header:has(.language-switcher) .brand__mark { width: 44px; height: 44px; flex-shrink: 0; }
  .site-header:has(.language-switcher) .brand strong { font-size: 18px; white-space: nowrap; }
  .site-header:has(.language-switcher) .brand small { font-size: 8px; letter-spacing: .04em; }
  .site-header:has(.language-switcher) .site-nav { flex: 1 1 auto; margin: 0; width: auto; }
  .site-header:has(.language-switcher) .site-nav__list { flex-wrap: nowrap; gap: 3px; }
  .site-header:has(.language-switcher) .site-nav a { justify-content: center; text-align: center; padding-inline: 8px; }
  .site-header:has(.language-switcher) .header-actions { flex: 0 0 auto; margin-left: 0; min-width: 0; gap: 3px; align-items: center; }
  .site-header:has(.language-switcher) .language-switcher { flex-shrink: 0; }
  .site-header:has(.language-switcher) .language-switcher a { min-width: 26px; padding-inline: 5px; }
  .site-header:has(.language-switcher) .icon-button { width: 34px; height: 38px; }
  .site-header:has(.language-switcher) .header-collection { margin-left: 0; padding-inline: 10px; gap: 6px; }
}
@media (min-width: 981px) and (max-width: 1359px) {
  .site-header:has(.language-switcher) .brand { margin-right: auto; }
  .site-header:has(.language-switcher) .nav-toggle { display: flex; width: 36px; flex-direction: column; gap: 5px; }
  .site-header:has(.language-switcher) .nav-toggle span:not(.screen-reader-text) { display: block; height: 2px; background: white; }
  .site-header:has(.language-switcher) .site-nav {
    display: none; position: absolute; top: calc(100% + 8px); left: 16px; right: 16px;
    width: auto; padding: 12px; border-radius: 16px; background: rgba(5,26,42,.97);
  }
  .site-header:has(.language-switcher) .site-nav.is-open { display: block; }
  .site-header:has(.language-switcher) .site-nav__list { display: block; }
  .site-header:has(.language-switcher) .site-nav a { justify-content: flex-start; }
}
html:lang(en) .lcs-twinkly__scene::after,
html:lang(nl) .lcs-twinkly__scene::after {
  position: absolute; right: 10px; bottom: 10px; z-index: 3;
  min-width: 150px; padding: 7px 12px; border-radius: 999px;
  background: #f4ede5; color: #36443c; text-align: center; font: 11px/1.4 sans-serif;
  pointer-events: none;
}
html:lang(en) .lcs-twinkly__scene::after { content: 'AI-generated illustration'; }
html:lang(nl) .lcs-twinkly__scene::after { content: 'Illustratie gemaakt met AI'; }
html:lang(en) .lcs-scene.is-unavailable::after { content: 'View unavailable — see the instructions for this step.'; }
html:lang(nl) .lcs-scene.is-unavailable::after { content: 'Weergave niet beschikbaar — bekijk de uitleg bij deze stap.'; }

html:lang(it) .lcs-twinkly__scene::after,
html:lang(de) .lcs-twinkly__scene::after {
  position:absolute; right:10px; bottom:10px; z-index:3; min-width:150px;
  padding:7px 12px; border-radius:999px; background:#f4ede5; color:#36443c;
  text-align:center; font:11px/1.4 sans-serif; pointer-events:none;
}
html:lang(it) .lcs-twinkly__scene::after { content:'Illustrazione creata con IA'; }
html:lang(de) .lcs-twinkly__scene::after { content:'KI-generierte Illustration'; }
html:lang(it) .lcs-scene.is-unavailable::after { content:'Vista non disponibile — consulta le istruzioni per questo passaggio.'; }
html:lang(de) .lcs-scene.is-unavailable::after { content:'Ansicht nicht verfügbar — siehe Anleitung zu diesem Schritt.'; }
/* On phones, give the brand and language/account controls their own rows. */
@media (max-width: 980px) {
  .site-header:has(.language-switcher) .site-header__inner {
    display: grid; grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center; gap: 6px 10px; padding: 10px 12px;
    box-sizing: border-box;
  }
  .site-header:has(.language-switcher) .brand { min-width: 0; gap: 8px; }
  .site-header:has(.language-switcher) .brand__mark { width: 36px; height: 36px; flex-shrink: 0; }
  .site-header:has(.language-switcher) .brand strong { font-size: 15px; line-height: 1.2; white-space: normal; }
  .site-header:has(.language-switcher) .brand small,
  .site-header:has(.language-switcher) .header-motto { display: none; }
  .site-header:has(.language-switcher) .nav-toggle { grid-column: 2; grid-row: 1; margin: 0; width: 36px; }
  .site-header:has(.language-switcher) .site-nav { top: calc(100% + 8px); }
  .site-header:has(.language-switcher) .header-actions {
    grid-column: 1 / -1; grid-row: 2; width: 100%; min-width: 0;
    align-items: center; justify-content: space-between; margin: 0; gap: 3px;
  }
  .site-header:has(.language-switcher) .language-switcher { flex: 0 0 auto; }
  .site-header:has(.language-switcher) .language-switcher a { min-width: 27px; padding-inline: 5px; }
  .site-header:has(.language-switcher) .header-actions .icon-button { display: grid; width: 36px; height: 36px; flex-shrink: 0; }
}
@media (max-width: 980px) {
  .editorial-grid { grid-template-columns: minmax(0, 1fr); }
  .editorial-grid > *, .lcs-home-carousel, .lcs-home-carousel__track { min-width: 0; max-width: 100%; }
  .lcs-home-carousel { width: 100%; }
  .lcs-home-carousel .meta { overflow-wrap: anywhere; }
}
@media (max-width: 980px) {
  .feature-stack { grid-template-columns: minmax(0, 1fr); }
  .story-card, .story-card > div { min-width: 0; }
  .story-card h3 { overflow-wrap: anywhere; hyphens: auto; }
}