/* we-ibd.com — compléments à styles.css (copie de wewe-apps.com, thème body.app-ibd). */
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{width:auto;height:auto;clip-path:none;top:8px;inset-inline-start:8px;background:#fff;padding:8px 14px;border-radius:8px;z-index:30}
.site-header .brand img{border-radius:11px}
.nav a.navlink[aria-current]{color:var(--accent)}
.site-footer .brand{color:#fff}
.site-footer .brand img{border-radius:11px}
.foot-disclaimer{color:#fff;font-weight:600;margin:0 0 14px}

/* Accueil : le nom est déjà dans l'en-tête */
.hero2 .app-badge{display:none}
.hero2 h1{margin-top:0}

/* Bandeau de titre des pages intérieures */
.page-hero{padding-top:44px}
.page-hero .wrap{display:block}
.page-hero .copy{padding-bottom:40px;max-width:780px}
.page-hero h1{font-size:clamp(30px,4.4vw,46px);margin:12px 0 12px}
.page-hero .lede{margin:0;max-width:680px}
.page-hero .kicker{background:#fff}
.page-story #story{max-width:780px;margin:8px auto 0;padding:44px 52px}
@media (max-width:560px){.page-story #story{padding:28px 22px}}

/* Sommaire des pages longues */
.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;align-items:start}
.doc-main{min-width:0}
.doc-main .wrap{max-width:none;padding-left:0;padding-right:0}
.doc-main h2{scroll-margin-top:88px}
.toc{order:2;position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto;padding:40px 0 20px;font-size:14px}
.toc-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.toc ol,.toc-m ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.toc a,.toc-m a{display:block;padding:6px 10px;border-radius:8px;color:var(--accent-ink);line-height:1.35}
.toc a{border-inline-start:2px solid var(--light-line)}
.toc a:hover,.toc-m a:hover{background:var(--accent-soft);text-decoration:none}
.toc-m{display:none}
@media (max-width:960px){
  .doc-layout{grid-template-columns:1fr;gap:0}
  .toc{display:none}
  .toc-m{display:block;margin:24px 0 0;background:#fff;border:1px solid var(--light-line);border-radius:14px;padding:4px 8px}
  .toc-m summary{cursor:pointer;font-weight:700;color:var(--accent-ink);padding:10px 6px}
  .toc-m ol{padding:0 0 8px}
}

/* Cartes « soignants » et « histoire » de l'accueil */
.teasers{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.teaser{display:flex;flex-direction:column;gap:10px;color:inherit;transition:transform .15s,box-shadow .15s}
.teaser:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,59,58,.12)}
.teaser .kicker{align-self:flex-start;margin:0}
.teaser p{margin:0}
.teaser blockquote{margin:0;font-size:21px;line-height:1.4;font-weight:700;color:var(--accent-ink)}
.teaser .more{margin-top:auto;font-weight:700;color:var(--accent)}
@media (prefers-reduced-motion:reduce){.teaser{transition:none}.teaser:hover{transform:none}}

/* Bandeau final de téléchargement, aux couleurs du pied de page We IBD */
body.app-ibd .cta-band{background:linear-gradient(160deg,#0F3B3A,#1F7A70)}
.cta-band p{color:#D3ECE7}
.cta-band .btn-row{margin:0}
.teaser h3{margin:0;font-size:21px;line-height:1.3;color:var(--accent-ink)}
.doc>:first-child,.doc>h2:first-of-type{margin-top:0}