/* Styles des fiches du guide (pages texte). Vocabulaire de blocs : voir src/components/Bloc.astro. */
.fiche h2{font-size:clamp(23px,3.6vw,30px);margin:30px 0 10px}
  .fiche h3{font-size:clamp(19px,3vw,24px)}
  .fiche p{max-width:68ch}
  .f-foot{margin-top:26px;color:var(--muted);font-size:15px;font-style:italic}

  /* Encadrés */
  .f-intro{background:linear-gradient(135deg,var(--plum),#8A4FC8);color:#fff;border-radius:22px;padding:20px 24px;margin:18px 0}
  .f-intro h2{color:var(--sun);margin:0 0 6px}
  .f-intro p{font-size:clamp(17px,2.4vw,20px);font-weight:600}
  .f-note{background:var(--surface);border-left:6px solid var(--sun);border-radius:0 18px 18px 0;padding:16px 20px;margin:26px 0 0}
  .f-note h2{margin:0 0 4px;font-size:22px}
  .f-sub{background:rgba(255,255,255,.1);border-radius:16px;padding:14px 18px;margin-top:14px}
  .f-sub h2{font-size:22px;color:var(--sun);margin:0 0 6px}
  .f-sub li{margin-top:5px}

  /* Groupe sombre */
  .f-group{background:linear-gradient(135deg,#2A1640,#5B2E8C);color:#fff;border-radius:24px;padding:20px 22px;margin:26px 0 16px}
  .f-group > h2{color:var(--sun);margin:0 0 12px}
  .f-group p,.f-group li{color:#fff}

  /* Comparaison */
  .f-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
  .f-compare > div{background:rgba(255,255,255,.1);border-radius:16px;padding:14px 16px}
  .f-compare span{font-size:13px;font-weight:900;letter-spacing:.05em;opacity:.85;display:block}
  .f-compare h3{margin:2px 0 4px}
  .f-compare .before{opacity:.8}
  .f-compare .before h3{text-decoration:line-through;text-decoration-thickness:2px}
  .f-compare .now{background:var(--sun);color:var(--ink)}
  .f-compare .now h3,.f-compare .now p,.f-compare .now span{color:var(--ink)}

  /* Cartes */
  .f-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:18px 0}
  .f-cards.three{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
  .f-cards.sun-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  .f-card{background:var(--surface);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:9px;border:2px solid var(--line)}
  .f-card p,.f-card li{font-size:16.5px;line-height:1.45;max-width:none}
  .f-card b{color:var(--plum)}
  .f-card ul{margin:0 0 0 20px}
  .f-card li{margin-top:5px}
  .f-card-head{display:flex;gap:13px;align-items:center}
  .f-icon{flex:0 0 52px;height:52px;border-radius:16px;display:grid;place-items:center}
  .f-icon svg{width:31px;height:31px}
  .f-num{flex:0 0 46px;height:46px;border-radius:50%;background:var(--sun);color:#2A1640;display:grid;place-items:center;font:800 26px/1 'Baloo 2',sans-serif}
  .f-sub-title{font-size:15px;font-weight:800;color:var(--muted)}
  .f-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 0}
  .f-tags li{background:var(--plumL);color:var(--plum);font-weight:800;font-size:13px;border-radius:999px;padding:3px 10px;margin:0}
  .f-tip{background:var(--bg);border-radius:12px;padding:9px 12px;font-weight:700;color:var(--muted);font-size:15.5px;margin-top:auto}
  .f-what{font-weight:700}
  .f-accent{background:var(--bg);border-radius:10px;padding:7px 11px;margin-top:auto}
  .f-accent b{color:var(--teal)}
  .f-url{font-family:'Baloo 2',sans-serif;font-size:22px;color:var(--plum);font-weight:800}
  .f-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:7px;margin:0}
  .f-chips li{background:var(--bg);border-radius:10px;padding:5px 10px;margin:0;line-height:1.2}
  .f-chips b{display:block;font-family:'Baloo 2',sans-serif;font-size:17px;color:var(--ink)}
  .f-chips small{font-size:13.5px;font-weight:700;color:var(--muted)}
  .f-cards.steps .f-card{border-top:6px solid var(--plum)}
  .f-cards.dark{background:linear-gradient(135deg,#2A1640,#5B2E8C);border-radius:24px;padding:18px;gap:12px}
  .f-cards.dark-keys .f-card{background:#2A1640;border:0;color:#fff}
  .f-cards.dark-keys h3{color:var(--sun)}
  .f-cards.dark-keys p{color:#fff}
  .f-cards.sun-grid .f-card{background:#FFF5D6;border:0}
  .f-cards.sun-grid h3,.f-cards.sun-grid p{color:#3A2410}

  /* Rythme */
  .f-steps{margin:26px 0 0}
  .f-steps ul{list-style:none;padding:0;display:grid;gap:10px;margin-top:10px}
  .f-steps li{background:var(--surface);border-radius:16px;padding:14px 18px;display:grid;gap:3px;border-left:6px solid var(--teal)}
  .f-steps b{font-family:'Baloo 2',sans-serif;font-size:20px;color:var(--teal)}

  /* Lexique */
  .f-glossary{margin-top:22px}
  .f-gloss-sec{background:var(--surface);border-radius:20px;overflow:hidden;margin-bottom:14px;border:2px solid var(--line)}
  .f-gloss-head{display:flex;align-items:center;gap:12px;padding:12px 18px;color:#fff}
  .f-gloss-head h2{margin:0;color:#fff;font-size:26px}
  .f-gloss-head .f-icon{flex-basis:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.2)}
  .f-gloss-head svg{width:25px;height:25px}
  .f-gloss-sec dl{margin:0;padding:6px 18px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 20px}
  .f-gloss-sec dt{font-family:'Baloo 2',sans-serif;font-size:20px;font-weight:800;margin-top:10px}
  .f-gloss-sec dd{margin:0 0 9px;font-size:16px;line-height:1.35;font-weight:600;border-bottom:2px dashed var(--line);padding-bottom:9px}

  @media (max-width:560px){
    .f-intro,.f-card,.f-group{padding:16px}
    .f-card-head{gap:11px}
    .f-icon{flex-basis:44px;height:44px;border-radius:13px}
    .f-icon svg{width:26px;height:26px}
  }
/* Variantes d'encadré */
  .f-stat{background:linear-gradient(120deg,var(--plum),#8A4FC8);color:#fff;border-radius:20px;padding:18px 20px;margin:20px 0}
  .f-stat h2{color:var(--sun);margin:0 0 4px;font-size:clamp(26px,4vw,34px)}
  .f-stat p{font-size:18px;font-weight:600}
  .f-danger{background:#FFE3E8;border:2px solid #F7A9B8;border-radius:18px;padding:14px 18px;margin:18px 0}
  .f-danger h2{color:#C42A47;margin:0 0 4px;font-size:22px}
  .f-danger li{font-weight:700;margin-top:4px}
  .f-pair{background:var(--surface);border-radius:16px;padding:14px 18px;margin:18px 0}
  .f-pair p+p{margin-top:8px}
  .f-pair b{color:var(--plum)}
  .f-dark{background:linear-gradient(135deg,#2A1640,#5B2E8C);color:#fff;border-radius:20px;padding:18px 20px;margin:22px 0}
  .f-dark h2{color:var(--sun);margin:0 0 4px}
  .f-dark p{color:#fff;font-size:17px;font-weight:600}

  /* Variantes de cartes */
  .f-cards.timeline .f-card,.f-cards.ops .f-card{padding:0;overflow:hidden;gap:0}
  .f-cards.timeline .f-card-head,.f-cards.ops .f-card-head{padding:12px 18px;color:#fff;margin:0}
  .f-cards.timeline h3,.f-cards.ops h3{color:#fff}
  .f-cards.ops .f-sub-title{color:#fff;opacity:.9}
  .f-cards.timeline ul,.f-cards.ops > div > .f-card > *:not(.f-card-head){margin-left:0}
  .f-cards.timeline .f-card > ul{padding:12px 18px 14px 36px}
  .f-cards.ops .f-card > *:not(.f-card-head){padding-left:18px;padding-right:18px}
  .f-cards.ops .f-card > *:last-child{margin-bottom:14px}
  .f-item b{display:block;font-family:'Baloo 2',sans-serif;font-size:20px;line-height:1.1;color:var(--ink)}
  .f-item p{margin-top:2px}
  .f-cards.highlight .f-card,.f-cards.ask .f-card{border-left:6px solid var(--sun)}
  .f-cards.ask .f-card{background:#FFF5D6}
  .f-cards.ask h3,.f-cards.ask li{color:#3A2410}
  .f-cards.duo .f-card{border:0;background:transparent;padding:0}
  .f-cards.duo h3{font-size:22px}

  /* Statuts (vert / orange / rouge) */
  .f-statuses{background:var(--surface);border-radius:20px;padding:16px 20px;margin:22px 0;border:2px solid var(--line)}
  .f-statuses h2{margin:0 0 8px}
  .f-status{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:14px;margin-top:8px}
  .f-status span{flex:0 0 24px;height:24px;border-radius:50%;margin-top:3px}
  .f-status b{font-family:'Baloo 2',sans-serif;font-size:21px;line-height:1.1;display:block;color:#2A1640}
  .f-status p{font-size:16.5px;line-height:1.35;font-weight:600;margin-top:2px;color:#2A1640}
  .f-status.ok{background:#E3F5EC} .f-status.ok span{background:#2BB673}
  .f-status.warn{background:#FFF1DC} .f-status.warn span{background:#F4A23B}
  .f-status.danger{background:#FFE3E8} .f-status.danger span{background:#E0314F}
  .f-status-note{margin-top:12px;font-weight:800;color:#C42A47}

/* Conseil dans une carte, et jauge de dosage */
.f-advice{background:#F1ECF7;border-radius:12px;padding:10px 13px}
.f-advice b{display:block;font-family:'Baloo 2',sans-serif;font-size:18px;color:var(--plum)}
.f-advice p{font-size:15.5px;line-height:1.35;margin-top:2px}
.f-gauge{list-style:none;padding:0;margin:4px 0;display:flex;flex-wrap:wrap;gap:4px}
.f-gauge li{flex:1 1 130px;color:#fff;border-radius:10px;padding:7px 10px;margin:0}
.f-gauge b{display:block;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:#fff}
.f-gauge span{font-family:'Baloo 2',sans-serif;font-size:16px;font-weight:800}
.f-gauge em{display:block;font-style:normal;font-size:13px;font-weight:700;opacity:.9}

/* Chaîne de l'inflammation */
.f-chain{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}
.f-chain li{display:flex;gap:14px;background:var(--surface);border-radius:18px;padding:16px 18px;border:2px solid var(--line)}
.f-chain h3{margin:0}
.f-chain p{font-size:16.5px;line-height:1.4;margin-top:3px}
.f-chain-label{font-size:12.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.f-chain-empty{font-weight:700;color:var(--muted)}
.f-chain .f-chips{margin-top:5px}
.f-chain .f-chips li{display:block;background:var(--bg);border:0;border-left:5px solid var(--c,var(--plum));padding:6px 10px;border-radius:0 10px 10px 0}
.f-ph{font-style:normal;color:#fff;font-weight:900;font-size:11.5px;border-radius:6px;padding:2px 6px;margin-left:5px;background:var(--plum)}
.f-ph.p3{background:#5B2E8C} .f-ph.p2{background:#1F8A7E} .f-ph.p1{background:#E07B1F} .f-ph.pp{background:#9A8BAB}

/* Chiffres mis en avant */
.f-stats{margin:22px 0}
.f-stats > div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.f-stats > div > div{background:linear-gradient(135deg,var(--plum),#8A4FC8);color:#fff;border-radius:20px;padding:16px 18px}
.f-stats b{display:block;font-family:'Baloo 2',sans-serif;font-size:36px;color:var(--sun);line-height:1.05}
.f-stats p{font-size:16.5px;font-weight:600;color:#fff;margin-top:4px}
.f-stats strong{color:var(--sun)}

/* Repères de phase */
.f-phases{background:var(--surface);border-radius:16px;padding:12px 16px;margin:16px 0;font-weight:700;display:flex;flex-wrap:wrap;gap:8px 20px}
.f-phases em{font-style:normal;color:#fff;font-weight:900;font-size:12px;border-radius:6px;padding:2px 6px;margin-right:4px}

/* Cartes à faire / à ne pas faire, nutriments, aliments, aliments vides */
.f-cards.dodont .f-card{padding:0;overflow:hidden}
.f-cards.dodont h3{color:#fff;padding:12px 18px;margin:0;font-size:clamp(24px,4vw,32px)}
.f-cards.dodont .do h3{background:var(--teal)}
.f-cards.dodont .f-card-head{padding:0;margin:0}
.f-cards.dodont .f-item{display:flex;gap:10px;padding:0 18px}
.f-cards.dodont .f-card > .f-item:last-child{padding-bottom:14px}
.f-cards-note{color:var(--muted);font-weight:600;margin-top:10px}
.f-badge{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font:800 20px/1 'Baloo 2',sans-serif}
.f-badge svg{width:26px;height:26px}
.f-cards.foods .f-card{flex-direction:row;align-items:center;gap:12px}
.f-cards.foods .f-icon{background:var(--plumL)}
.f-cards.foods h3{font-size:19px}
.f-empty{background:var(--surface);border-radius:18px;padding:16px 20px;margin:22px 0;border:2px solid var(--line)}
.f-empty h2{margin:0 0 4px;font-size:22px}
.f-empty ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.f-empty li{background:#FFE3E8;color:#8A1E33;font-weight:700;font-size:14.5px;border-radius:999px;padding:4px 12px}
.f-cards.dodont .dont h3{background:#C42A47}

/* Carte d'identite et « ce qui a change » */
.f-facts{background:var(--surface);border-radius:20px;padding:16px 20px;margin:20px 0;border:2px solid var(--line)}
.f-facts h2{margin:0 0 6px}
.f-facts dl{margin:0}
.f-facts dt{font-family:'Baloo 2',sans-serif;font-size:20px;font-weight:800;margin-top:10px}
.f-facts dd{margin:0 0 10px;font-size:16.5px;line-height:1.4;border-bottom:2px dashed var(--line);padding-bottom:10px}
.f-paradigm ol{list-style:none;padding:0;counter-reset:p;display:grid;gap:14px;margin-top:14px}
.f-paradigm li{counter-increment:p;background:var(--surface);border-radius:18px;padding:18px 18px 14px;border:2px solid var(--line);position:relative}
.f-paradigm li::before{content:counter(p);position:absolute;top:-12px;left:16px;background:var(--plum);color:#fff;font:800 15px/1 'Baloo 2',sans-serif;border-radius:999px;padding:6px 11px}
.f-paradigm p{font-size:16.5px;line-height:1.4;margin-top:6px}
.f-paradigm span{display:block;font-size:12px;font-weight:900;letter-spacing:.05em;color:var(--muted)}
.f-paradigm .before{color:var(--muted)}
.f-paradigm .now{font-weight:700}
.f-source{font-size:14px;color:var(--muted);font-style:italic;margin-top:8px}

/* Legende de niveaux, carnet alimentaire */
.f-legend{list-style:none;padding:12px 16px;margin:16px 0;background:var(--surface);border-radius:16px;display:flex;flex-wrap:wrap;gap:8px 18px}
.f-legend li{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600}
.f-legend i{width:14px;height:14px;border-radius:4px;flex:0 0 14px}
.f-level{display:inline-block;color:#fff;font-weight:900;font-size:12.5px;border-radius:999px;padding:2px 10px;margin-top:4px}
.f-availability{border-left:5px solid var(--d);background:var(--bg);border-radius:0 10px 10px 0;padding:7px 11px;font-weight:800;font-size:15px;margin-top:auto}
.f-availability b{color:var(--d)}
.f-notebook{margin:24px 0}
.f-table-wrap{overflow-x:auto;margin-top:12px}
.f-notebook table{border-collapse:collapse;width:100%;min-width:430px;background:var(--surface);border-radius:14px;overflow:hidden}
.f-notebook th{background:var(--plum);color:#fff;font-family:'Baloo 2',sans-serif;font-size:16px;text-align:left;padding:9px 12px}
.f-notebook td{padding:9px 12px;border-top:2px solid var(--line);font-size:15.5px;font-weight:600}
.f-warning{font-weight:800;color:#C42A47;margin-top:8px}
.f-inline-icon{display:inline-grid;place-items:center;width:34px;height:34px;vertical-align:-8px;margin-right:8px}
.f-inline-icon svg{width:34px;height:34px}
.f-experts{background:var(--surface);border-radius:20px;padding:18px 20px;margin:20px 0;border-left:6px solid var(--teal)}
.f-milk{background:var(--surface);border-radius:20px;padding:16px 20px;margin:20px 0;border:2px solid var(--line)}
.f-milk p+p{margin-top:8px}
.f-cards.food-good .f-card,.f-cards.food-mod .f-card,.f-cards.food-bad .f-card{flex-direction:row;align-items:center;gap:12px;padding:12px 14px}
.f-cards.food-good{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.f-cards.food-good .f-icon,.f-cards.food-mod .f-icon,.f-cards.food-bad .f-icon{background:transparent}
.f-cards.food-good h3,.f-cards.food-mod h3,.f-cards.food-bad h3{font-size:18px}
.f-cards.food-good .f-card{border-color:#BFE6CC}
.f-cards.food-mod .f-card{border-color:#F7DDAE}
.f-cards.food-bad .f-card{border-color:#F7A9B8}

/* Temoignage de l'auteur */
.f-testimony{background:#FFF8EC;border:3px dashed #E8C98A;border-radius:22px;padding:18px 22px;margin:20px 0}
.f-testimony p{font-size:clamp(17px,2.4vw,19px);line-height:1.45}
.f-tag{display:inline-block;background:var(--plum);color:#fff;font-weight:800;font-size:13.5px;border-radius:999px;padding:4px 12px;margin-top:10px}
.f-signature{text-align:right;font-weight:900;font-style:italic;margin-top:10px}
.f-dark .f-signature{color:var(--sun)}
.f-sources{font-size:14px;color:var(--muted);font-style:italic;margin:16px 0}
.f-sources p{max-width:none}
.f-kicker{font-size:12.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--coral)}
.f-checklist{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.f-checklist li{background:var(--bg);border:2px solid var(--line);border-radius:10px;padding:4px 10px;font-size:14.5px;font-weight:700;margin:0}
.f-checklist li::before{content:"\2610";margin-right:6px}

/* Frise et texte de fin */
.f-timeline{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}
.f-timeline li{background:var(--surface);border-radius:18px;padding:16px 18px;border-left:8px solid var(--c)}
.f-timeline b{font-family:'Baloo 2',sans-serif;font-size:24px;color:var(--c)}
.f-timeline h3{margin:2px 0 4px}
.f-essay{background:#FFF8EC;border:3px dashed #E8C98A;border-radius:24px;padding:20px 24px;margin:20px 0}
.f-essay p{font-family:'Baloo 2',sans-serif;font-size:clamp(18px,2.6vw,21px);line-height:1.45;color:#3A2410;margin-bottom:12px}
.f-essay-closing{color:var(--plum)!important;font-size:clamp(20px,3vw,24px)!important}

/* Axe intestin-cerveau, neuro-inflammation, 3114 */
.f-axis{background:var(--surface);border-radius:20px;padding:18px 20px;margin:20px 0;border:2px solid var(--line)}
.f-axis p{margin-top:10px;font-size:17px;line-height:1.4}
.f-axis b{color:var(--plum)}
.f-arrow{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--plumL);color:var(--plum);font-weight:900;margin-right:8px;vertical-align:-6px}
.f-numbered{margin:22px 0}
.f-numbered ol{counter-reset:n;list-style:none;padding:0;display:grid;gap:10px;margin-top:10px}
.f-numbered li{counter-increment:n;background:var(--surface);border-radius:16px;padding:14px 18px 14px 56px;position:relative;font-size:16.5px;line-height:1.4}
.f-numbered li::before{content:counter(n);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--plum);color:#fff;display:grid;place-items:center;font:800 16px/1 'Baloo 2',sans-serif}
.f-numbered-note{margin-top:10px}
.f-helpline{display:flex;flex-wrap:wrap;gap:16px;background:#FFE3E8;border:3px solid #E0314F;border-radius:22px;padding:18px 20px;margin:22px 0}
.f-helpline-num{text-align:center;flex:0 0 auto}
.f-helpline-num b{display:block;font-family:'Baloo 2',sans-serif;font-size:44px;color:#C42A47;line-height:1}
.f-helpline-num span{font-size:13.5px;font-weight:800;color:#8A1E33}
.f-helpline h3{color:#8A1E33}
.f-helpline p{color:#4A1018}

/* Niveaux de preuve (fiches 7 et 8) */
.f-tier{margin-top:10px}
.f-tier-label{font-weight:800;font-size:15.5px;display:flex;align-items:center;gap:9px}
.f-meter{display:inline-grid;grid-template-columns:repeat(3,7px);gap:3px;align-items:end}
.f-meter i{height:13px;border-radius:3px;background:#E6DFEE;display:block}
.f-figures{background:var(--bg);border-radius:14px;padding:12px 14px;margin-top:10px}
.f-figures b{display:block;font-family:'Baloo 2',sans-serif;font-size:17px;color:var(--plum)}
.f-figures p{font-size:15.5px;line-height:1.35;margin-top:5px}
.f-cards.situations .f-card{padding:0;overflow:hidden}
.f-cards.situations .f-card-head{padding:14px 18px;color:#fff;margin:0}
.f-cards.situations h3,.f-cards.situations .f-sub-title{color:#fff}
.f-cards.situations .f-card > *:not(.f-card-head){margin-left:18px;margin-right:18px}
.f-cards.situations .f-card > *:last-child{margin-bottom:14px}

/* Familles de molecules (fiches 17 et 18) */
.f-families{margin:20px 0}
.f-family{margin-bottom:18px}
.f-family-head{background:var(--plum);color:#fff;padding:14px 20px;border-radius:20px 20px 0 0}
.f-family-head h2{color:#fff;margin:0}
.f-family-head p{color:#F1E9FB;font-size:17px;margin-top:2px}
.f-family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:10px;background:var(--plumL);padding:10px;border-radius:0 0 20px 20px}
.f-family-grid article{background:var(--surface);border-radius:14px;padding:14px 16px}
.f-family-grid h3{font-size:22px}
.f-lab{font-size:15px;color:var(--muted);font-weight:700}
.f-path{display:inline-block;background:var(--ink);color:#fff;font-weight:800;font-size:14px;border-radius:8px;padding:3px 9px;margin:6px 0}
.f-status-list{list-style:none;padding:0;margin:6px 0 0}
.f-status-list li{display:grid;grid-template-columns:58px 70px 1fr;gap:8px;align-items:center;margin-top:6px;font-size:15px;font-weight:700}
.f-disease{font-weight:800;font-size:14px;border-radius:999px;padding:2px 0;text-align:center;color:#fff}
.f-disease.crohn{background:var(--plum)} .f-disease.rch{background:var(--teal)}
.f-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.f-bar i{height:10px;border-radius:5px;background:#ECE6F3;display:block}
.f-bar i.done{background:var(--plum)}
.f-bar i.half{background:linear-gradient(90deg,var(--sun) 55%,#ECE6F3 55%)}
.f-eta{font-size:15px;color:var(--muted);font-weight:700;margin-top:8px}
.f-eta b{color:var(--plum)}
.f-stopped{background:var(--surface);border-left:8px solid var(--muted);border-radius:0 18px 18px 0;padding:14px 20px;margin:20px 0}
.f-stopped h2{margin:0 0 4px;font-size:22px}
@media (max-width:420px){.f-status-list li{grid-template-columns:52px 1fr;row-gap:2px}.f-status-list li span:last-child{grid-column:1/-1}}
.f-card-note{font-size:15px;font-weight:800;color:var(--teal);margin-top:2px}
.f-unit{font-size:13.5px;font-weight:700;color:var(--muted);margin-top:2px}

/* Les sources de la fiche, repliées : elles sont là pour qui veut vérifier,
   pas pour couper la lecture. */
.f-sources{margin-top:22px;border:2px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--surface)}
.f-sources summary{cursor:pointer;font-weight:800;color:var(--plum)}
.f-sources ul{margin:10px 0 0 18px}
.f-sources li{font-size:15.5px;line-height:1.45;margin-top:4px}