/* DispoHealth — static site styles */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ margin:0; }
@keyframes dh-fadeUp{ from{opacity:0; transform:translateY(22px);} to{opacity:1; transform:translateY(0);} }
@keyframes dh-pulse{ 0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.4; transform:scale(.7);} }
@keyframes dh-reveal{ from{opacity:0; transform:translateY(28px);} to{opacity:1; transform:translateY(0);} }
.dh-reveal{ animation:dh-reveal .8s ease both; animation-timeline:view(); animation-range:entry 0% cover 32%; }
@media print {
    .dh-noprint{ display:none !important; }
    nav, footer, button{ display:none !important; }
    .dh-hero{ padding:36px 40px !important; }
    .dh-body{ padding:24px 40px 40px !important; }
    *{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; }
    @page{ margin:14mm; }
  }
@keyframes dh-fadeUp{ from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);} }
#sup-desc:empty:before{ content:attr(data-placeholder); color:#9fb1c4; pointer-events:none; }
#sup-desc:focus{ outline:none; }
#sup-desc p{ margin:0 0 10px; }
#sup-desc ul,#sup-desc ol{ margin:0 0 10px; padding-left:22px; }

/* structural helpers */
[data-if]{display:contents;}
[data-if].dh-hidden{display:none;}
.dh-hidden{display:none !important;}
a{color:#185FA5;}
a:hover{color:#5DCAA5;}

/* interaction states */
.dhs1:hover{ opacity:.62 !important }
.dhs2:hover{ color:#5DCAA5 !important; --uw:100% !important }
.dhs3:focus{ border-color:#5DCAA5 !important; background:rgba(255,255,255,.1) !important }
.dhs4:hover{ opacity:.9 !important; transform:translateY(-1px) !important }
.dhs5:hover{ color:#fff !important }
.dhs6:focus{ border-color:#5DCAA5 !important }
.dhs7:hover{ opacity:.9 !important }
.dhs8:hover{ transform:translateY(-2px) !important; box-shadow:0 14px 36px rgba(93,202,165,.5) !important }
.dhs9:hover{ background:#dfeaf6 !important }
.dhs10:hover{ transform:translateY(-1px) !important }
.dhs11:hover{ box-shadow:0 18px 44px rgba(4,44,83,.1) !important; transform:translateY(-2px) !important }
.dhs12:hover{ box-shadow:0 14px 36px rgba(4,44,83,.1) !important; transform:translateY(-2px) !important }
.dhs13:hover{ transform:translateY(-2px) !important; box-shadow:0 12px 32px rgba(93,202,165,.4) !important }
.dhs14:hover{ color:#5DCAA5 !important }
.dhs15:hover{ color:#5DCAA5 !important; border-bottom-color:#5DCAA5 !important }
.dhs16:hover{ opacity:.7 !important; text-decoration:underline !important }
.dhs17:hover{ transform:translateY(-2px) !important; box-shadow:0 10px 26px rgba(93,202,165,.36) !important }
.dhs18:focus{ box-shadow:0 0 0 3px rgba(93,202,165,.5), 0 12px 34px rgba(4,44,83,.24) !important }
.dhs19:hover{ text-decoration:underline !important }
.dhs20:hover{ color:#185FA5 !important }
.dhs21:focus{ border-color:#5DCAA5 !important; background:#fff !important }
.dhs22:hover{ background:#eef4fa !important }
.dhs23:hover{ transform:translateY(-2px) !important; box-shadow:0 12px 30px rgba(93,202,165,.38) !important }