/* ===================================================================
   AEMERA · pages de contenu, design 2026
   conseils/, news/, pages légales, merci, 404.
   Registre éditorial : colonne de lecture confortable, grands titres
   serif, repères en mono. Aucun texte ni script modifié.
   =================================================================== */

body{background:var(--a-bg);font-family:var(--f-body);color:var(--a-ink);font-size:1.0625rem;line-height:1.72}
@media(min-width:900px){body{font-size:1.125rem}}

/* En-tête */
.entete{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92)!important;-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);
  border-bottom:1px solid var(--a-line);padding:.95rem var(--a-gutter)!important}
.entete .int{max-width:var(--a-max)!important}
.entete a.marque,.entete > a{font-family:var(--f-body);font-weight:600;font-size:1.02rem;letter-spacing:.24em;color:var(--a-forest)}
.entete a.retour{font-family:var(--f-body);font-weight:500;font-size:.95rem;color:var(--a-ink);
  background:linear-gradient(var(--a-forest),var(--a-forest)) no-repeat right bottom/0% 1.5px;padding-bottom:2px;transition:background-size .35s var(--ease)}
.entete a.retour:hover{color:var(--a-forest);background-size:100% 1.5px;background-position:left bottom}

/* Barre de lecture (ajoutée par le script sur les articles) */
.dz-read{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--a-forest);transform-origin:0 50%;scale:var(--dz-scroll,0) 1;z-index:60;pointer-events:none}

main{max-width:760px;padding:clamp(3rem,6vw,5rem) var(--a-gutter) clamp(3rem,6vw,5rem)!important}
.fil{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.04em;color:var(--a-ink-soft);margin-bottom:2rem}
.fil a{color:var(--a-forest)}
h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.5rem,6vw,4.2rem);line-height:1;letter-spacing:-.03em;color:var(--a-forest);margin-bottom:1.4rem;text-wrap:balance}
h2{font-family:var(--f-display);font-weight:400;font-size:clamp(1.75rem,3.2vw,2.3rem);line-height:1.1;letter-spacing:-.015em;color:var(--a-forest);margin:3rem 0 1rem;text-wrap:balance}
.chapo{font-family:var(--f-display);font-size:clamp(1.35rem,2.4vw,1.7rem);line-height:1.35;color:var(--a-ink);opacity:1;margin-bottom:2rem}
p{margin-bottom:1.15rem}
main a:not(.carte):not(.btn){color:var(--a-forest);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
ul{margin:0 0 1.2rem 0;padding:0;list-style:none}
main li{position:relative;padding-left:1.4rem;margin-bottom:.6rem}
main li::before{content:'';position:absolute;left:0;top:.72em;width:8px;height:1.5px;background:var(--a-forest)}
em{font-style:italic}

.news-tag{background:none!important;border-radius:0!important;padding:0!important;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.14em;color:var(--a-forest);display:inline-flex!important;align-items:center;gap:.7rem}
.news-tag::before{content:'';width:18px;height:1.5px;background:currentColor}
.news-date,.date,.maj{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.04em;color:var(--a-ink-soft)}

.disclaimer{font-size:.95rem;color:var(--a-ink);background:var(--a-paper);border:0;border-left:3px solid var(--a-forest);border-radius:0;padding:1rem 1.2rem}
.encadre{background:var(--a-paper);border:0;border-radius:0;padding:clamp(1.3rem,3vw,1.8rem);margin:2rem 0;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.encadre strong{color:var(--a-forest)}

/* Appel à l'action en fin d'article */
.cta{background:var(--a-forest);border-radius:0;padding:clamp(2rem,5vw,3rem) clamp(1.4rem,4vw,2.6rem);margin:3.5rem 0 1.5rem;text-align:left;
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cta .titre{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.08;color:#fff}
.cta p{color:rgba(255,255,255,.8);font-size:1.02rem}
main .cta a{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
  display:inline-flex;align-items:center;gap:1rem;min-height:56px;padding:.5rem 1.4rem;border-radius:0;font-family:var(--f-body);font-weight:600;font-size:1.02rem;
  text-decoration:none;color:var(--a-forest);clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);
  background:linear-gradient(var(--a-sage-pale),var(--a-sage-pale)) no-repeat left/0% 100%,#fff;transition:background-size .45s var(--ease)}
main .cta a:hover{background-size:100% 100%,auto}
.cta-light{text-align:left;font-size:1rem;color:var(--a-ink-soft);border-top:1.5px solid var(--a-forest);padding-top:1.4rem}
.legal{font-family:var(--f-mono);font-size:.76rem;letter-spacing:.02em;color:var(--a-ink-soft);text-align:left}

/* Listes d'articles : sommaire éditorial */
main > a.carte{position:relative;display:block;background:none!important;border:0!important;border-top:1px solid var(--a-line)!important;border-radius:0!important;
  padding:1.8rem 3.5rem 1.8rem 0!important;margin:0!important;box-shadow:none!important;transform:none!important;text-decoration:none;color:var(--a-ink);transition:padding-left .45s var(--ease)!important}
main > a.carte:last-of-type{border-bottom:1px solid var(--a-line)!important}
.carte h2{font-family:var(--f-display);font-weight:400;font-size:clamp(1.55rem,2.6vw,2rem);line-height:1.12;color:var(--a-forest);margin:.2rem 0 .6rem}
.carte p{font-size:1rem;opacity:1;color:var(--a-ink-soft);margin:0}
main > a.carte::after{content:'';position:absolute;right:0;top:50%;width:40px;height:40px;margin-top:-20px;background:var(--a-forest);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='.75' y='.75' width='38.5' height='38.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M13 20h13M22 15l5 5-5 5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect x='.75' y='.75' width='38.5' height='38.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M13 20h13M22 15l5 5-5 5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:translate .45s var(--ease)}
main > a.carte:hover{padding-left:1rem!important}
main > a.carte:hover::after{translate:5px 0}
.tag{background:none!important;padding:0!important;border-radius:0!important;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;color:var(--a-sage-deep)}

/* Pages légales */
table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.98rem}
th,td{text-align:left;padding:.8rem .9rem;border-bottom:1px solid var(--a-line);vertical-align:top}
th{font-family:var(--f-mono);font-weight:500;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--a-forest);background:var(--a-paper)}

/* Merci */
body:has(.coche) main{max-width:none!important;display:flex;align-items:center;justify-content:center}
body:has(.coche) .entete{text-align:left}
body:has(.coche) .carte{max-width:620px;background:#fff;border:0;border-top:4px solid var(--a-forest);border-radius:0;padding:clamp(2rem,5vw,3.2rem);text-align:left;
  box-shadow:0 30px 70px -40px rgba(10,61,49,.45);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.coche{width:56px;height:56px;border-radius:0;margin:0 0 1.6rem;background:var(--a-forest);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
body:has(.coche) h1{font-size:clamp(2.2rem,5vw,3.2rem)}
.sous{font-size:1.1rem;color:var(--a-ink-soft);opacity:1}
.etapes{background:var(--a-paper);border:0;border-radius:0;padding:1.4rem 1.5rem}
.etapes .n{font-family:var(--f-mono);color:var(--a-forest)}
.spam{background:var(--a-sage-pale);border-radius:0;color:var(--a-forest);font-size:.98rem}
.btn{--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
  display:inline-flex;align-items:center;min-height:56px;padding:.5rem 1.5rem;border-radius:0;font-family:var(--f-body);font-weight:600;font-size:1.02rem;color:#fff;transform:none!important;
  clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%);
  background:linear-gradient(var(--a-sage-deep),var(--a-sage-deep)) no-repeat left/0% 100%,var(--a-forest);transition:background-size .45s var(--ease)}
.btn:hover{background-size:100% 100%,auto}

/* 404 */
body:not(:has(main)):not(:has(.entete)) h1{font-size:clamp(7rem,22vw,14rem);line-height:.85;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--a-forest);margin-bottom:1rem}
body:not(:has(main)):not(:has(.entete)) p{font-family:var(--f-display);font-size:1.6rem;color:var(--a-ink)}
body:not(:has(main)):not(:has(.entete)) a{color:#fff;border-radius:0;font-family:var(--f-body);font-size:1rem;padding:1rem 1.5rem;
  clip-path:polygon(0 0,calc(100% - var(--cut-sm)) 0,100% var(--cut-sm),100% 100%,0 100%)}

footer{background:var(--a-ink);color:rgba(255,255,255,.62);border:0!important;padding:2.4rem var(--a-gutter);font-size:.88rem}
footer a{color:#fff}

/* ======================= CORRECTIFS DE REVUE ======================= */
.carte .date,.carte .news-date{color:var(--a-ink-soft)!important;font-family:var(--f-mono);font-size:.78rem}

/* ── Corrections de lisibilité (vérification du 30/09) ──────────────────
   Des styles écrits en dur dans le HTML d'origine (style="color:…")
   l'emportaient sur le design. On ne touche pas au HTML : on reprend la
   main ici, de façon ciblée, pour ne foncer aucun texte déjà lisible. */
/* Liens du pied de page (fond sombre) restés en vert foncé : contraste 2,3 */
footer a[style]{color:#fff!important}
/* Mention « ne remplace pas un avis médical » en sauge sur blanc : 2,7 */
main > p[style*="color:var(--sage)"]{color:var(--a-ink-soft)!important}
/* Encadré d'information (CGV, médiateur) : angles droits comme le reste */
main p[style*="border-radius:6px"]{border-radius:0!important}