/* ==========================================================================
   MapleBird — pages/fr.css
   Québec French pages. Layout is shared with the English site; this file only
   handles what French typography and the fleur-de-lis accent need.
   ========================================================================== */

/* French uses a narrow no-break space before : ; ! ? and inside guillemets.
   Keeping the measure a little wider stops those from stranding on their own. */
[lang='fr-CA'] .prose p,
[lang='fr-CA'] .section__intro,
[lang='fr-CA'] .pagehead__lede {
  max-width: 48rem;
  hyphens: auto;
}

/* Québec accent rail on the language hero. */
.fr-hero {
  border-inline-start: 3px solid var(--color-accent);
  padding-inline-start: var(--space-5);
}

.fr-hero h1 {
  margin-block-end: var(--space-4);
}

/* Glossary of the English terms that keep appearing in Canadian lobbies. */
.glossaire {
  display: grid;
  gap: var(--space-3);
}

@media (min-width: 768px) {
  .glossaire {
    grid-template-columns: repeat(2, 1fr);
  }
}

.glossaire div {
  padding: var(--space-4);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

.glossaire dt {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--color-accent);
  margin-block-end: var(--space-1);
}

.glossaire dd {
  font-size: var(--text-sm);
  line-height: var(--line-height-loose);
  color: var(--color-text-primary);
}