/* Page pathologie : colonne de lecture + colonne latérale collante (sommaire, rendez-vous) */
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.85rem;color:var(--fg-soft);padding-block:20px 0}
.crumbs a{color:var(--fg-soft)}
.crumbs [aria-current]{color:var(--lagon-ink);font-weight:500}
.p-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;padding-block:28px 56px}
.p-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin:10px 0 16px}
.p-chapo{font-size:1.15rem;color:var(--fg-soft);max-width:58ch}
.p-hero-img{aspect-ratio:4/5;max-width:100%;max-height:520px;width:100%}
.byline{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:.92rem}
.byline img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.byline span{color:var(--fg-soft);font-size:.85rem}
.p-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start;padding-block:0 80px}
.p-article{max-width:70ch;display:grid;gap:56px}
.p-article>section{padding-block:0}
.p-article h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-bottom:16px}
.p-article h3{font-size:1.2rem;margin:28px 0 12px}
.p-article p+p{margin-top:14px}
.p-article>.enbref{background:var(--ecume);border-radius:18px;padding:26px 30px}
.enbref h2{font-size:1.3rem;margin-bottom:12px}
.enbref ul{margin:0;padding-left:1.2em;display:grid;gap:8px}
.timeline{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.timeline::before{content:"";position:absolute;left:8px;right:8px;top:9px;height:2px;background:var(--line)}
.timeline li{position:relative;padding:30px 16px 0 0;display:grid;gap:6px}
.timeline li::before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border-radius:50%;background:var(--card);border:2px solid var(--lagon)}
.timeline .tl-key::before{background:var(--corail);border-color:var(--corail)}
.tl-when{font-family:var(--f-display);font-size:1.15rem;color:var(--lagon-ink)}
.tl-what{font-size:.92rem;color:var(--fg-soft)}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.col-card{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--card)}
.col-card h3{margin:0 0 8px;font-size:1.05rem;font-family:var(--f-body);font-weight:600;display:flex;align-items:center;gap:8px}
.col-card h3::before{content:"";width:10px;height:10px;border-radius:50%}
.col-card.yes h3::before{background:var(--lagon)}
.col-card.no h3::before{background:var(--corail)}
.col-card p{font-size:.95rem;color:var(--fg-soft)}
.steps-list{margin:0;padding-left:1.3em;display:grid;gap:14px}
.steps-list li::marker{font-family:var(--f-display);color:var(--lagon-deep)}
.techs{margin:0;display:grid;gap:0}
.techs div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.techs dt{font-weight:600;color:var(--lagon-ink)}
.techs dd{margin:0;color:var(--fg-soft)}
.aside-note{font-size:.86rem;color:var(--fg-soft);margin-top:14px}
.facts-list{list-style:none;margin:0;padding:0;display:grid}
.facts-list li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.facts-list span{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);padding-top:3px}
.p-article>.alert{border:1.5px solid var(--corail);border-radius:18px;padding:26px 30px;background:color-mix(in srgb,var(--corail) 8%,var(--card))}
.alert h2{font-size:1.3rem;color:var(--corail-ink);margin-bottom:10px}
.alert ul{margin:12px 0 16px;padding-left:1.2em;display:grid;gap:4px}
.sources ol{margin:0;padding-left:1.3em;display:grid;gap:10px;font-size:.92rem}
.sources a{color:var(--lagon-deep)}
.author{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:start;border-top:1px solid var(--line);padding-top:32px!important}
.author img{width:88px;height:88px;border-radius:50%;object-fit:cover}
.author-name{font-family:var(--f-display);font-size:1.25rem;color:var(--lagon-ink)}
.author-role{font-size:.88rem;color:var(--fg-soft);margin:4px 0 10px!important}
.author p:last-child{font-size:.9rem;color:var(--fg-soft)}
.p-aside{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);display:grid;gap:20px}
.toc{border-left:2px solid var(--line);padding-left:18px}
.toc-title{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--lagon-deep);margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.92rem}
.toc a{color:var(--fg);text-decoration:none}
.toc a:hover{color:var(--lagon-deep);text-decoration:underline}
.rdv-card{background:var(--band);color:#EAFBF8;border-radius:18px;padding:22px;display:grid;gap:10px}
.rdv-card-title{font-family:var(--f-display);font-size:1.25rem;color:#FFFFFF}
.rdv-card p{font-size:.92rem;color:#D2EEEA}
.rdv-card .btn{justify-content:center}
.rdv-card .btn-main{background:#FFFFFF;color:#0E5E58}
.rdv-card .btn-ghost{color:#FFFFFF;border-color:rgba(255,255,255,.75)}
.related{background:var(--ecume)}
.related h2{margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rel{display:grid;gap:6px;padding:22px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:transform .15s}
.rel:hover{transform:translateY(-2px)}
.rel-cat{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--lagon-deep)}
.rel-title{font-family:var(--f-display);font-size:1.2rem;color:var(--lagon-ink)}
@media (max-width:980px){
  .p-layout{grid-template-columns:minmax(0,1fr);gap:40px}
  .p-aside{position:static;order:-1}
  .toc{display:none}
  .rdv-card{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rdv-card-title,.rdv-card p{grid-column:1/-1}
}
@media (max-width:760px){
  .p-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:20px 40px}
  .p-hero-img{aspect-ratio:16/10;max-height:none;order:-1}
  .related-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  .p-article{gap:44px}
  .p-article>.enbref,.p-article>.alert{padding:20px 22px}
  .timeline{grid-template-columns:minmax(0,1fr);gap:18px}
  .timeline::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
  .timeline li{padding:0 0 0 30px}
  .two-col{grid-template-columns:minmax(0,1fr)}
  .techs div,.facts-list li{grid-template-columns:minmax(0,1fr);gap:4px}
  .rdv-card{grid-template-columns:minmax(0,1fr)}
  .author{grid-template-columns:64px minmax(0,1fr);gap:14px}
  .author img{width:64px;height:64px}
}
/* Pages rubriques et page Pathologies */
.hub-meta{font-size:.88rem;color:var(--fg-soft);line-height:1.5}
.hub-hero{grid-template-columns:minmax(0,1fr)}
.hub .hub-group+.hub-group{margin-top:48px}
.hub-group h2{margin-bottom:20px}
.hub-group h2 a{color:inherit;text-decoration:none}
.hub-group h2 a:hover{text-decoration:underline}
/* Page Spécialités : cartes avec photo */
.spe-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.rel.spe{padding:0 0 20px;overflow:hidden;align-content:start}
.rel.spe img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin-bottom:8px}
.rel.spe .rel-title,.rel.spe .hub-meta,.rel.spe .rel-cat{padding-inline:20px}
.rel.spe .rel-cat{margin-top:6px}
.hub-rdv .btn{font-size:.92rem}
@media (max-width:760px){.spe-grid{grid-template-columns:minmax(0,1fr)}}
.rel.spe{display:flex;flex-direction:column;gap:8px}
.rel.spe .rel-cat{margin-top:auto}
