:root{
    --fond:#F7F9FA; --encre:#14202E; --doux:#55657A; --brume:#E3E9EF;
    --iris:#2A48C8; --iris-pale:#E8ECFB; --alerte:#B42318; --alerte-pale:#FDECEA;
    --mesure:68ch;
  }
  html{font-size:100%;scroll-behavior:smooth}
  html[data-taille="2"]{font-size:112.5%}
  html[data-taille="3"]{font-size:125%}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
  *{box-sizing:border-box}
  body{margin:0;background:var(--fond);color:var(--encre);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}
  a{color:var(--iris)}
  :focus-visible{outline:3px solid var(--iris);outline-offset:3px;border-radius:4px}
  .lien-evitement{position:absolute;left:-999px;top:0;background:var(--encre);color:#fff;padding:.6rem 1rem;z-index:10}
  .lien-evitement:focus{left:1rem;top:1rem}

  /* En-tête */
  header.barre{position:sticky;top:0;z-index:5;background:rgba(247,249,250,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--brume)}
  .barre-int{max-width:1180px;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;gap:1.5rem}
  .logo{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--encre);display:flex;align-items:center;gap:.5rem;white-space:nowrap}
  .logo svg{flex:none}
  nav.menu{display:flex;gap:1.25rem;overflow-x:auto;flex:1;scrollbar-width:none}
  nav.menu::-webkit-scrollbar{display:none}
  nav.menu a{color:var(--doux);text-decoration:none;white-space:nowrap;font-size:.95rem;padding:.25rem 0}
  nav.menu a:hover{color:var(--encre)}
  .taille{display:flex;gap:.25rem;flex:none}
  .taille button{font:inherit;font-weight:700;border:1px solid var(--brume);background:#fff;color:var(--encre);border-radius:6px;min-width:2.3rem;height:2.3rem;cursor:pointer;line-height:1}
  .taille button[aria-pressed="true"]{background:var(--encre);color:#fff;border-color:var(--encre)}

  /* Accueil : échelle de lecture */
  .accueil{max-width:1180px;margin:0 auto;padding:5rem 1.5rem 4rem}
  .echelle{list-style:none;margin:0;padding:0}
  .echelle li{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2rem;border-bottom:1px solid var(--brume);padding:.35rem 0}
  .echelle li:last-child{border-bottom:0}
  .echelle .ligne{font-weight:700;letter-spacing:-.02em;line-height:1.05}
  .echelle .acuite{color:var(--doux);font-size:.85rem;font-variant-numeric:tabular-nums}
  .l1 .ligne{font-size:clamp(3.2rem,11vw,9rem);letter-spacing:-.045em}
  .l2 .ligne{font-size:clamp(2rem,6vw,4.6rem);letter-spacing:-.035em}
  .l3 .ligne{font-size:clamp(1.4rem,3.4vw,2.5rem)}
  .l4 .ligne{font-size:1.1rem;font-weight:400;max-width:var(--mesure);line-height:1.55;color:var(--doux)}
  .echelle li{opacity:0;animation:net .7s ease forwards}
  .l1{animation-delay:.05s!important}.l2{animation-delay:.25s!important}.l3{animation-delay:.45s!important}.l4{animation-delay:.65s!important}
  @keyframes net{from{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}
  .acces{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem}
  .acces a{text-decoration:none;color:var(--encre);background:#fff;border:1px solid var(--brume);border-radius:999px;padding:.5rem 1rem;font-size:.95rem}
  .acces a:hover{border-color:var(--iris);color:var(--iris)}

  /* Urgences */
  .urgence{max-width:1180px;margin:0 auto 1rem;padding:0 1.5rem}
  .urgence-int{background:var(--alerte-pale);border-left:5px solid var(--alerte);border-radius:0 12px 12px 0;padding:1.6rem 1.8rem}
  .urgence h2{margin:0 0 .6rem;font-size:1.35rem;color:var(--alerte)}
  .urgence ul{margin:.4rem 0 1rem;padding-left:1.2rem;max-width:var(--mesure)}
  .urgence li{margin:.25rem 0}
  .urgence p{margin:0;max-width:var(--mesure)}

  /* Sections thématiques */
  section.theme{max-width:1180px;margin:0 auto;padding:5rem 1.5rem;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;border-top:1px solid var(--brume)}
  .theme-tete{align-self:start;position:sticky;top:5.5rem}
  .theme-tete h1,.theme-tete h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.1;letter-spacing:-.025em;margin:0 0 1rem}
  .theme-tete p{color:var(--doux);margin:0;max-width:40ch}
  .fiches{display:flex;flex-direction:column}
  details{border-bottom:1px solid var(--brume)}
  details:first-child{border-top:1px solid var(--brume)}
  summary{list-style:none;cursor:pointer;padding:1.2rem 2.5rem 1.2rem 0;position:relative}
  summary::-webkit-details-marker{display:none}
  summary strong{display:block;font-size:1.2rem}
  summary span{color:var(--doux);font-size:.95rem}
  summary::after{content:"";position:absolute;right:.3rem;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:2px solid var(--iris);transition:background .2s}
  details[open] summary::after{background:var(--iris)}
  .contenu{padding:0 0 1.6rem;max-width:var(--mesure)}
  .contenu p{margin:0 0 .8rem}
  .contenu h3{font-size:1rem;margin:1.1rem 0 .3rem}
  .contenu ul{margin:.3rem 0 .8rem;padding-left:1.2rem}
  .contenu li{margin:.2rem 0}
  .a-retenir{background:var(--iris-pale);border-radius:10px;padding:.9rem 1.1rem;margin-top:1rem}
  .a-retenir strong{color:var(--iris)}

  /* Schémas */
  .schema{margin:1.2rem 0;background:#fff;border:1px solid var(--brume);border-radius:12px;padding:1rem 1rem .8rem}
  .schema svg{width:100%;height:auto;display:block}
  .schema figcaption{font-size:.92rem;color:var(--doux);margin-top:.6rem;line-height:1.45}
  .schema-grand{margin:0 0 1.5rem;padding:1.5rem}
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}
  .duo .schema{margin:0}
  .amsler svg{max-width:260px;margin:0 auto}
  .parties{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.2rem}
  .parties dt{font-weight:700}
  .parties dd{margin:0;color:var(--doux)}
  @media (max-width:560px){.duo{grid-template-columns:1fr}.parties{grid-template-columns:1fr;gap:.1rem}.parties dd{margin-bottom:.6rem}}

  /* Pied de page */
  footer{background:var(--encre);color:#C9D3DE;margin-top:3rem}
  .pied{max-width:1180px;margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:2fr 1fr;gap:3rem}
  footer h2{color:#fff;font-size:1.1rem;margin:0 0 .6rem}
  footer p{margin:0 0 .8rem;max-width:var(--mesure);font-size:.95rem}
  footer a{color:#fff}

  @media (max-width:860px){
    section.theme{grid-template-columns:1fr;gap:1.8rem;padding:3.5rem 1.5rem}
    .theme-tete{position:static}
    .pied{grid-template-columns:1fr}
    .echelle .acuite{display:none}
    .echelle li{grid-template-columns:1fr}
    .accueil{padding-top:3rem}
  }
  @media (max-width:560px){
    .barre-int{flex-wrap:wrap;gap:.6rem 1rem}
    nav.menu{order:3;flex-basis:100%}
    .logo{flex:1}
  }

  /* Multipage */
  nav.menu a[aria-current="page"]{color:var(--encre);font-weight:700;box-shadow:inset 0 -2px 0 var(--iris)}
  nav.menu a.lien-urgence{color:var(--alerte);font-weight:700}
  .rubriques{max-width:1180px;margin:0 auto;padding:4rem 1.5rem 2rem}
  .rubriques>h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin:0 0 1.5rem}
  .cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
  .carte{display:block;text-decoration:none;color:var(--encre);background:#fff;border:1px solid var(--brume);border-radius:14px;padding:1.4rem 1.5rem;transition:border-color .2s,transform .2s}
  .carte:hover{border-color:var(--iris);transform:translateY(-2px)}
  .carte strong{display:block;font-size:1.25rem;margin-bottom:.35rem}
  .carte span{color:var(--doux);font-size:.97rem}
  .page-theme section.theme{border-top:0;padding-top:3.5rem}
  .suite{max-width:1180px;margin:0 auto;padding:1rem 1.5rem 2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--brume)}
  .suite a{text-decoration:none;color:var(--encre);padding:.6rem 0}
  .suite a small{display:block;color:var(--doux)}
  .suite a:last-child{text-align:right;margin-left:auto}
  .texte-legal{max-width:760px;margin:0 auto;padding:3.5rem 1.5rem}
  .texte-legal h1{font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.025em;line-height:1.1}
  .texte-legal h2{font-size:1.25rem;margin-top:2rem}

  /* Fil d'Ariane */
  .fil{max-width:1180px;margin:0 auto;padding:1.6rem 1.5rem 0;font-size:.9rem;color:var(--doux)}
  .fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
  .fil li+li::before{content:"›";margin-right:.35rem;color:var(--brume-fonce,#9AA7B6)}
  .fil a{color:var(--doux);text-decoration:none}
  .fil a:hover{color:var(--iris);text-decoration:underline}
  .fil [aria-current="page"]{color:var(--encre)}
  .page-theme section.theme{padding-top:2rem}

  /* Liste des pages d'une rubrique */
  .liste-pages{list-style:none;margin:0;padding:0}
  .liste-pages li{border-bottom:1px solid var(--brume)}
  .liste-pages li:first-child{border-top:1px solid var(--brume)}
  .ligne-page{display:block;position:relative;padding:1.2rem 2.5rem 1.2rem 0;text-decoration:none;color:var(--encre)}
  .ligne-page strong{display:block;font-size:1.2rem}
  .ligne-page span{color:var(--doux);font-size:.95rem}
  .ligne-page::after{content:"";position:absolute;right:.3rem;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:2px solid var(--iris);transition:background .2s}
  .ligne-page:hover strong{color:var(--iris)}
  .ligne-page:hover::after{background:var(--iris)}

  /* Page article */
  .article-tete{max-width:1180px;margin:0 auto;padding:1.4rem 1.5rem 2.4rem;border-bottom:1px solid var(--brume)}
  .article-tete h1{font-size:clamp(2.3rem,6vw,4.4rem);letter-spacing:-.035em;line-height:1.02;margin:0 0 1.1rem;max-width:18ch}
  .chapo{font-size:clamp(1.12rem,2vw,1.3rem);line-height:1.5;max-width:60ch;margin:0 0 1.2rem}
  .signature{color:var(--doux);font-size:.92rem;margin:0;line-height:1.5}
  .article{max-width:1180px;margin:0 auto;padding:2.6rem 1.5rem 3rem;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:4rem}
  .sommaire{position:sticky;top:5.5rem;align-self:start;font-size:.95rem}
  .sommaire p{font-weight:700;margin:0 0 .6rem}
  .sommaire ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--brume)}
  .sommaire a{display:block;padding:.32rem 0 .32rem .9rem;margin-left:-2px;border-left:2px solid transparent;color:var(--doux);text-decoration:none;line-height:1.35}
  .sommaire a:hover{color:var(--encre);border-left-color:var(--iris)}
  .corps{max-width:var(--mesure)}
  .corps h2{font-size:clamp(1.4rem,2.4vw,1.75rem);letter-spacing:-.02em;line-height:1.2;margin:2.8rem 0 .8rem;scroll-margin-top:5.5rem}
  .corps h3{font-size:1.1rem;margin:1.5rem 0 .35rem}
  .corps p{margin:0 0 .9rem}
  .corps ul{padding-left:1.2rem;margin:.3rem 0 1rem}
  .corps li{margin:.3rem 0}
  .corps .essentiel{background:var(--iris-pale);border-radius:12px;padding:1.2rem 1.4rem .6rem}
  .corps .essentiel h2{font-size:1.1rem;letter-spacing:0;margin:0 0 .4rem;color:var(--iris)}
  .alerte-encart{background:var(--alerte-pale);border-left:4px solid var(--alerte);border-radius:0 10px 10px 0;padding:1rem 1.2rem;margin:1.2rem 0}
  .alerte-encart strong{color:var(--alerte)}
  .corps .faq summary strong{font-size:1.05rem}
  .corps .faq .contenu{padding-bottom:1.2rem}
  .avertissement{margin-top:2.6rem!important;padding-top:1.2rem;border-top:1px solid var(--brume);color:var(--doux);font-size:.92rem}
  .liees{max-width:1180px;margin:0 auto;padding:2.6rem 1.5rem 2rem;border-top:1px solid var(--brume)}
  .liees h2{font-size:1.3rem;margin:0 0 1.1rem}

  /* Accueil : sujets fréquents */
  .frequents{padding-top:1rem}
  .liste-simple{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
  .liste-simple a{display:inline-block;text-decoration:none;color:var(--encre);background:#fff;border:1px solid var(--brume);border-radius:999px;padding:.5rem 1rem;font-size:.97rem}
  .liste-simple a:hover{border-color:var(--iris);color:var(--iris)}

  @media (max-width:860px){
    .article{grid-template-columns:1fr;gap:1.8rem;padding-top:1.8rem}
    .sommaire{position:static;background:#fff;border:1px solid var(--brume);border-radius:12px;padding:1rem 1.1rem}
  }

  .corps .schema svg{max-width:480px;margin:0 auto}
  .corps .duo .schema svg{max-width:none}

  /* Schémas à plusieurs panneaux */
  .schema.multi .panneaux{display:grid;gap:.75rem}
  .schema.multi .n2{grid-template-columns:1fr 1fr}
  .schema.multi .n3{grid-template-columns:1fr 1fr 1fr}
  .corps .schema.multi svg{max-width:none}
  .corps .schema.etape svg{max-width:340px}
  @media (max-width:560px){.schema.multi .n2,.schema.multi .n3{grid-template-columns:1fr}.schema.multi .panneau svg{max-width:360px;margin:0 auto}}

  /* Boutons */
  .bouton{display:inline-block;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;background:var(--iris);color:#fff;border:2px solid var(--iris);border-radius:999px;padding:.6rem 1.2rem;line-height:1.3}
  .bouton:hover{background:#1F37A0;border-color:#1F37A0}
  .bouton-clair{background:#fff;color:var(--iris)}
  .bouton-clair:hover{background:var(--iris-pale);color:var(--iris)}
  .renvoi{margin:1.2rem 0 1.4rem!important}

  /* Minuteur */
  .minuteur{background:#fff;border:1px solid var(--brume);border-radius:12px;padding:1rem 1.2rem;margin:1.2rem 0}
  .minuteur-titre{font-weight:700;margin:0 0 .6rem!important}
  .minuteur-boutons{display:flex;flex-wrap:wrap;gap:.6rem}
  .minuteur-temps{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:.6rem 0 0!important;color:var(--iris)}
  .minuteur-temps:empty{display:none}

  /* Triage des symptômes */
  .triage{display:grid;gap:.9rem;margin:.4rem 0 1rem}
  .niveau{border-radius:12px;padding:1rem 1.2rem .4rem;border-left:5px solid}
  .niveau h3{margin:0 0 .3rem!important;font-size:1.1rem}
  .niveau ul{margin-bottom:.6rem!important}
  .niveau-aide{font-size:.95rem;margin:0 0 .3rem!important}
  .niveau-urgence{background:var(--alerte-pale);border-color:var(--alerte)}
  .niveau-urgence h3{color:var(--alerte)}
  .niveau-rapide{background:#FFF4E0;border-color:#B5650D}
  .niveau-rapide h3{color:#8A4B07}
  .niveau-benin{background:var(--iris-pale);border-color:var(--iris)}
  .niveau-benin h3{color:var(--iris)}
  .causes{list-style:none;margin:0 0 1rem!important;padding:0!important}
  .causes li{margin:0!important;border-bottom:1px solid var(--brume)}
  .causes li:first-child{border-top:1px solid var(--brume)}
  .causes .sans-lien{padding-right:0}
  .causes .sans-lien::after{display:none}
  .causes .ligne-page span{display:block;margin-top:.15rem}

  /* Accueil : symptômes */
  .acces-titre{font-size:1.15rem;margin:2.6rem 0 .8rem}
  .acces-titre + .acces{margin-top:0}

  /* Impression : une fiche propre */
  @media print{
    @page{margin:14mm}
    html{font-size:11pt}
    body{background:#fff}
    .barre,.fil,.sommaire,.liees,.suite,footer,.lien-evitement,.minuteur,.renvoi,.faq,#questions,.avertissement{display:none!important}
    .article{display:block;padding:0}
    .article-tete{padding:0 0 .6rem;border:0}
    .article-tete h1{font-size:24pt;max-width:none}
    .chapo{font-size:12pt}
    .corps{max-width:none}
    .corps h2{font-size:14pt;margin:1rem 0 .3rem;break-after:avoid}
    .schema{break-inside:avoid;border:0;padding:0}
    .corps .schema.etape svg{max-width:52mm}
    .alerte-encart,.niveau,.corps .essentiel{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
    main::after{content:"comprendremesyeux.fr";display:block;margin-top:1rem;color:#55657A;font-size:9pt}
  }

  /* Les deux pôles */
  nav.menu a.pole{color:var(--encre);font-weight:700}
  .poles{max-width:1180px;margin:0 auto;padding:1rem 1.5rem 3.5rem}
  .poles>h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin:0 0 .5rem}
  .poles-intro{color:var(--doux);max-width:70ch;margin:0 0 1.6rem}
  .poles-grille{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid var(--encre)}
  .pole-bloc{padding:1.8rem 2rem 2rem 0;display:flex;flex-direction:column}
  .pole-bloc+.pole-bloc{padding:1.8rem 0 2rem 2rem;border-left:1px solid var(--brume)}
  .pole-illu{width:100%;max-width:300px;aspect-ratio:300/210;margin:0 0 1.2rem;background:var(--iris-pale);border-radius:14px;overflow:hidden}
  .pole-illu svg{width:100%;height:100%;display:block}
  .pole-bloc h3{font-size:clamp(1.4rem,2.4vw,1.85rem);letter-spacing:-.02em;line-height:1.15;margin:0 0 .6rem}
  .pole-bloc h3 a{color:var(--encre);text-decoration:none}
  .pole-bloc h3 a:hover{color:var(--iris)}
  .pole-bloc>p{margin:0 0 1rem;max-width:48ch}
  .pole-liens{list-style:none;margin:0 0 1.4rem;padding:0;border-top:1px solid var(--brume)}
  .pole-liens li{border-bottom:1px solid var(--brume)}
  .pole-liens a{display:block;padding:.55rem 0;color:var(--encre);text-decoration:none}
  .pole-liens a:hover{color:var(--iris)}
  .pole-bloc .bouton{align-self:flex-start;margin-top:auto}
  @media (max-width:860px){
    .poles-grille{grid-template-columns:1fr}
    .pole-bloc,.pole-bloc+.pole-bloc{padding:1.6rem 0;border-left:0}
    .pole-bloc+.pole-bloc{border-top:1px solid var(--brume)}
  }

  /* Rubriques groupées */
  .groupe-titre{font-size:1rem;color:var(--iris);margin:2rem 0 .4rem;letter-spacing:.01em}
  .groupes .groupe-titre:first-child{margin-top:0}

  /* Tableau */
  .tableau-defile{overflow-x:auto;margin:1rem 0 1.2rem}
  .tableau{border-collapse:collapse;width:100%;font-size:.97rem;background:#fff;border:1px solid var(--brume);border-radius:12px}
  .tableau caption{caption-side:bottom;text-align:left;color:var(--doux);font-size:.88rem;padding-top:.6rem}
  .tableau th,.tableau td{text-align:left;vertical-align:top;padding:.8rem 1rem;border-bottom:1px solid var(--brume)}
  .tableau thead th{font-size:.9rem;color:var(--doux);font-weight:700}
  .tableau tbody th{font-weight:700;width:46%}
  .tableau tbody tr:last-child th,.tableau tbody tr:last-child td{border-bottom:0}
  @media (max-width:560px){
    .tableau thead{display:none}
    .tableau tbody th,.tableau td{display:block;width:auto;border-bottom:0}
    .tableau tbody th{padding-bottom:.2rem}
    .tableau tbody tr{display:block;border-bottom:1px solid var(--brume);padding-bottom:.4rem}
  }

  /* Encart d'information */
  .encart-info{background:#fff;border:1px solid var(--brume);border-radius:12px;padding:1rem 1.2rem .3rem;margin:1.4rem 0}
  .encart-info p{margin:0 0 .4rem!important}