/* Small extras on top of Tailwind */
html{ scroll-behavior:smooth; }
.animation-delay-2000{ animation-delay: 2s; }
.ql-delay-2000{ animation-delay: 2s; }
.ql-delay-4000{ animation-delay: 4s; }

.animation-delay-4000{ animation-delay: 4s; }

/* Simple fade/slide in when visible */
.ql-reveal{ opacity:0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.ql-reveal.is-visible{ opacity:1; transform: translateY(0); }

/* Prevent content jump under fixed header */
section{ scroll-margin-top: 84px; }

/* Mobile menu */
#mobile-menu.hidden{ display:none !important; }

/* Added by static patch */
.ql-header-solid{background:rgba(255,255,255,.95)!important;backdrop-filter:saturate(180%) blur(10px);box-shadow:0 6px 20px rgba(16,24,40,.06);border-bottom:1px solid rgba(230,235,242,.9);}
.ql-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease;}
.ql-reveal.is-visible{opacity:1;transform:none;}
.ql-delay-2000{animation-delay:2s;}
.ql-delay-4000{animation-delay:4s;}


/* === JS helpers === */
#site-header.ql-header--solid{
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(16,24,40,.08);
}
.ql-reveal{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
}
.ql-reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.ql-note--ok{ color:#027a48; }
.ql-note--err{ color:#b42318; }