/* Mon Puzzle Intérieur — typographie publique harmonisée (alignée sur /accueil).
   Cardo partout, encre #111, accent rouge #A63828.
   À inclure APRÈS /shared/page-brand.css. Ne touche ni header, ni footer. */

:root {
  --hp-b-font: 'Cardo', Georgia, serif !important;
}

main {
  --ink: #111111;
  --ink-soft: #5A4A33;
  --red: #A63828;
  --or: #A63828;
  color: #111111 !important;
  font-family: 'Cardo', Georgia, serif !important;
}

main h1, main h2, main h3, main h4, main h5, main h6,
main p, main li, main a, main strong, main em, main blockquote, main label,
main button, main input, main textarea, main select {
  font-family: 'Cardo', Georgia, serif !important;
}

main h1 {
  font-size: clamp(32px, 5vw, 46px);
  line-height: 1.18;
  font-weight: 500;
  color: #111111 !important;
  letter-spacing: 0;
}
main h1 em { color: #A63828 !important; font-style: italic; font-weight: 500; }

main h2 {
  font-size: 34px;
  line-height: 1.25;
  font-weight: 500;
  color: #111111 !important;
}
main h2 em { color: #A63828 !important; font-style: italic; }

main h3 {
  font-size: 27px;
  line-height: 1.3;
  font-weight: 500;
  color: #111111 !important;
}

main h4 {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 500;
  color: #111111 !important;
}

main p, main li {
  font-size: 20px;
  line-height: 1.65;
  color: #111111 !important;
}

main a { color: #A63828; }

@media (max-width: 540px) {
  main h1 { font-size: 32px; }
  main h2 { font-size: 28px; }
  main h3 { font-size: 23px; }
  main p, main li { font-size: 18px; }
}