/* Typographie plus marquée et un peu plus grande, d'après amaterasu.ai (13/11/2026).
   Mesures sur leur page à 1440 px : titre 80 px en graisse « 200 » de TWK Lausanne (qui équivaut à notre Inter Tight 300),
   libellés en Neo Sans Medium (≈ notre 600), texte courant 14 px en graisse 250 (≈ notre 400).
   Les couleurs ne changent pas. Interrupteur TYPO dans build.js. */

/* Texte courant : un cran plus plein. */
.accueil-ciel { font-weight: 400; }
.accueil-ciel .m-tete p, .accueil-ciel .m-formation-texte > p { font-weight: 400; }

/* Ouverture */
.ciel-titre { font-weight: 300; letter-spacing: -.035em; }
.ciel-marque { font-size: 14px; font-weight: 600; letter-spacing: .3em; padding-left: .3em; }
.ciel-menu { font-weight: 600; font-size: 11.5px; letter-spacing: .16em; }
.ciel-cta { font-weight: 600; font-size: 12px; letter-spacing: .12em; }
.ciel-defiler { font-weight: 600; font-size: 11px; letter-spacing: .16em; }
.ciel-texte { font-size: clamp(14px, 1.08vw, 18px); font-weight: 400; line-height: 1.45; }

/* Titres de sections et éléments fins de l'accueil */
.accueil-ciel .m-tete h2, .accueil-ciel .m-formation-texte h2 { font-weight: 300; font-size: clamp(2.8rem, 5.3vw, 4.9rem); letter-spacing: -.035em; }
.accueil-ciel .m-num, .accueil-ciel .m-sites strong, .accueil-ciel .m-fr, .rub-num { font-weight: 300; }
.accueil-ciel .m-etape-titre strong, .accueil-ciel .m-rayons h3, .accueil-ciel .m-livres strong, .accueil-ciel .m-liste h3, .accueil-ciel .faq summary, .accueil-ciel .drawer-head h3 { font-weight: 400; }
.accueil-ciel .m-lien, .accueil-ciel .m-btn, .accueil-ciel .tag { font-weight: 600; }

/* Pages de rubrique et articles */
.lec-titre, .rub-h1, .lec-suivante strong { font-weight: 300; }
.lec-texte h2, .rub-titre { font-weight: 400; }
.lec-chapeau, .rub-chapeau-tete, .lec-verset blockquote p, .lec-citation blockquote p, .lec-inv-fr { font-weight: 400; }
.lec-texte { font-size: clamp(1.1rem, 1.2vw, 1.2rem); }

/* ---------- Tailles qui suivent la largeur de l'écran, comme amaterasu.ai (13/11) ----------
   Mesuré chez eux : tout est proportionnel à la largeur (14 px à 1440 px = 18,7 px à 1920 px).
   1 « unité » = 1 px à 1440 px de large. Les minimums gardent la lisibilité sur petit écran ; plus de plafond. */
:root { --u: calc(100vw / 1440); }
@media (min-width: 761px) {
  .ciel-titre { font-size: max(44px, calc(85 * var(--u))); }
  .ciel-marque { font-size: max(14px, calc(14 * var(--u))); }
  .ciel-menu { width: calc(210 * var(--u)); font-size: max(11.5px, calc(11.5 * var(--u))); }
  .ciel-menu svg { width: max(16px, calc(16 * var(--u))); height: max(16px, calc(16 * var(--u))); }
  .ciel-cta { font-size: max(12px, calc(12 * var(--u))); padding: max(14px, calc(14 * var(--u))) max(24px, calc(24 * var(--u))); border-radius: max(20px, calc(24 * var(--u))); }
  .ciel-defiler { font-size: max(11px, calc(11 * var(--u))); }
  .ciel-texte { left: auto; right: calc(30 * var(--u)); width: calc(230 * var(--u)); font-size: max(14px, calc(16 * var(--u))); }
  .accueil-ciel .m-tete h2, .accueil-ciel .m-formation-texte h2 { font-size: max(2.8rem, calc(72 * var(--u))); }
  .accueil-ciel .m-tete p, .accueil-ciel .m-formation-texte > p { font-size: max(1rem, calc(17 * var(--u))); }
}