/* Histoires futées — pages « Les indispensables », « L'espace parents » et « Le Club futé »
   (maquettes du 20/10/2026). Mise en page : styles en ligne des gabarits ; ici, les états. */
.hf-parents-page section[id]{scroll-margin-top:110px}
.hf-ind-sits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.hf-ind-sits[hidden]{display:none}
.hf-ind-sit{display:grid;gap:8px;justify-items:start;text-align:start;padding:22px 24px;border-radius:24px;border:3px solid #012C2D;background:#fff;color:#012C2D;cursor:pointer;box-shadow:0 3px 0 #012C2D;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;font-family:var(--font-brand)}
.hf-ind-sit strong{font:900 24px/1.15 var(--font-brand)}
.hf-ind-sit span{font-size:15px;line-height:1.4}
.hf-ind-sit[aria-pressed="true"]{background:var(--sit-bg,#F4C3E3);box-shadow:0 6px 0 #012C2D;transform:translateY(-4px)}
.hf-ind-sit:hover{box-shadow:0 5px 0 #012C2D}
.hf-parents-page .hf-prose{background:#fff;border-radius:24px;padding:clamp(20px,4vw,32px)}
.hf-parents-page .hf-prose>*:first-child{margin-top:0}
.hf-parents-page .hf-prose>*:last-child{margin-bottom:0}
@media (prefers-reduced-motion:reduce){
  .hf-ind-sit,.hf-ind-sit[aria-pressed="true"]{transition:none;transform:none}
}

/* L'espace des parents (21/10/2026) : « Les outils offerts ». */
.hf-parents-outil{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 24px;border-radius:24px;background:#fff;text-decoration:none;color:#012C2D;box-shadow:0 2px 6px rgba(1,44,45,.06);transition:box-shadow .2s}
.hf-parents-outil:hover{color:#012C2D;box-shadow:0 10px 30px rgba(1,44,45,.12)}
.hf-parents-outil:focus-visible{outline:4px solid #C59CEC;outline-offset:4px}
.hf-parents-outil__icon{flex:none;width:56px;height:56px;border-radius:50%;border:2px solid #012C2D;display:grid;place-items:center;box-sizing:border-box}
.hf-parents-outil__txt{flex:1 1 260px;display:grid;gap:4px}
.hf-parents-outil__tag{font:700 12px/1.2 var(--font-brand);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,#012C2D 64%,#fff)}
.hf-parents-outil__title{font:900 21px/1.15 var(--font-brand);letter-spacing:-.01em}
.hf-parents-outil__text{font-size:15px;line-height:1.4}
.hf-parents-outil__cta{font:700 16px/1 var(--font-brand);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}

/* « Le mot de la fondatrice » (21/10/2026) : cadre photo provisoire, aussi dans la signature des
   Confidences de maman (single.php). La pastille [À remplir] doit tenir dans le rond. */
.hf-fondatrice-photo .hf-todo{padding:1px 3px;font-size:9px;line-height:1.3}