/* RMFC I18N // EN / FR / ES switcher in the nav bar (built by assets/i18n.js) */
.nav-lang {
  display: flex; align-items: center; flex: none;
  border: 1px solid var(--border);
  font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em;
}
.nav-lang a {
  padding: 7px 8px; line-height: 1;
  color: var(--ink-muted); text-decoration: none;
  transition: color 0.2s, background 0.2s;
}
.nav-lang a + a { border-left: 1px solid var(--border); }
.nav-lang a:hover { color: var(--ink); }
.nav-lang a.on { color: var(--ink-inverse); background: var(--accent); }
@media (max-width: 960px) {
  .nav-lang { margin-left: auto; }
}

/* Longer French/Spanish words must not widen grid columns past the viewport */
.ct-main > *, .split > *, .pt-tiles > * { min-width: 0; }
.form-panel, .ct-side, .pt-tiles { overflow-wrap: break-word; }

/* Room for the switcher: keep the CTA on one line, compact the nav up to 1280px */
.nav-cta { white-space: nowrap; }
@media (min-width: 961px) and (max-width: 1280px) {
  .nav-inner { gap: 14px; }
  .nav-links { gap: 12px; }
  .nav-links a { font-size: 13px; }
  .nav-cta { padding: 10px 12px; }
  .nav-lang a { padding: 6px 6px; }
}