/* Sérénaissance — petites finitions communes aux deux applis (Doula et Famille) :
   respiration, titres équilibrés, zones à toucher confortables, focus visible, animations réduites si demandé. */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
p,li,.small,.sub{text-wrap:pretty}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}
::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}

/* en-têtes de page */
.sh{margin-bottom:18px}
.sh h1{margin:2px 0 6px}
.sh .sub{line-height:1.5}

/* rangées dépliables (Paramètres, guides) */
details.acc{border:0!important;border-radius:20px!important;box-shadow:var(--shadow);margin-bottom:12px;background:var(--card)}
details.acc summary{padding:16px 18px!important;min-height:56px}
details.acc[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
details.acc>.body{padding:4px 18px 18px}
.card details.acc{box-shadow:none;background:transparent;border-radius:0!important;margin-bottom:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important}
.card details.acc:last-of-type{border-bottom:0!important}

/* listes et boutons : zones à toucher confortables */
.li{padding-top:12px;padding-bottom:12px}
.btn{min-height:46px}
.btn.sm{min-height:38px}
.pill{font-weight:700;letter-spacing:.01em}
.card>.eyebrow:first-child{margin-bottom:2px}
.card p{margin:0}
.card p+p{margin-top:8px}

/* tableaux de bord : cartes d'un même ensemble bien alignées */
.grid2{gap:12px}
.stat{border-radius:18px}

/* fenêtres du bas */
.sheet{border-radius:28px 28px 0 0}
.sheet-h{padding-bottom:6px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Mot du jour : plus petit sur l'accueil */
.card.mot{padding:10px 14px!important}
.card.mot .row{gap:10px!important}
.card.mot .av,.card.mot .avatar,.card.mot img{width:34px!important;height:34px!important;min-width:34px!important;font-size:.85rem!important}
.card.mot .eyebrow{font-size:.62rem!important;letter-spacing:.08em}
.card.mot .mot-t{font-size:.92rem!important;line-height:1.35!important;margin-top:2px!important}
.card.mot p.xs,.card.mot p.small{font-size:.72rem!important;margin:2px 0 0!important}