/* ══════════════════════════════════════════════════════════════════════════
   ATHENORA — pages de texte (politique de confidentialité, mentions légales…) et pages d'erreur.
   Bandeau d'entête du socle (#top), puis une colonne de lecture sur fond ciel, puis la fin de page
   (bande nuit, bouton, pied de page). Tout le reste vient de site.css.
   ══════════════════════════════════════════════════════════════════════════ */

.page-texte #top{min-height:clamp(420px,58vh,600px)}

/* colonne de lecture : alignée à gauche, mesure de 40 em environ */
.prose{align-items:stretch;text-align:left;width:min(760px,84vw)}
.prose h2{font-family:var(--serif);font-weight:800;font-size:clamp(22px,2vw,28px);line-height:1.3;color:var(--ink);margin-top:56px;text-wrap:balance}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:17px;line-height:1.75;color:var(--body);text-wrap:pretty}
.prose h2 + p,.prose h2 + ul{margin-top:18px}
.prose p + p,.prose p + ul,.prose ul + p{margin-top:14px}
.prose ul{padding-left:1.4em;list-style:none}
.prose li{position:relative}
.prose li + li{margin-top:6px}
.prose li::before{content:"";position:absolute;left:-1.1em;top:.82em;width:6px;height:1px;background:var(--acc)}
.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose .chapo{font-size:clamp(18px,1.55vw,21px);line-height:1.6;color:var(--ink)}

/* fin de page : le bouton, puis le pied de page */
.page-texte .fin .inner{padding:96px 0}
/* page d'erreur : le bandeau d'entête est aussi la fin de page */
.page-texte #top.fin{justify-content:center}
.page-texte #top.fin .inner{padding:190px 0 110px}

@media (max-width:767px){
  .prose p,.prose li{font-size:16px}
  .prose h2{margin-top:44px}
}