/* 2026-10-19 public header: transparent at top, floating glass after 24px.
 * Canonical copy: sites/web/static/public-header.css. Keep ENP, FORM, MATCH and QR copies in sync. */
[data-mice-header] {
  box-sizing:border-box!important;
  height:68px!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0 max(clamp(20px,4vw,40px),calc((100% - 1180px)/2))!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background .2s,box-shadow .2s,border-color .2s,border-radius .2s,top .2s!important;
}
html[data-mice-scrolled="true"] [data-mice-header],
[data-mice-header][data-floating="true"] {
  top:12px!important;
  width:calc(100% - 24px)!important;
  max-width:1220px!important;
  padding:0 19px!important;
  border-radius:20px!important;
  border-color:rgba(255,255,255,.8)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 8px 32px rgba(25,31,40,.09),0 0 0 1px rgba(25,31,40,.05)!important;
  backdrop-filter:blur(20px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(160%)!important;
}
[data-mice-header]:has([aria-expanded="true"]) { background:rgba(255,255,255,.94)!important; }
@media(max-width:1039.98px) {
[data-mice-header] [data-mice-menu],
#dc-root [data-mice-header] [data-menu],
[data-mice-header] #ep-nav-menu {
  top:76px!important;
  border:1px solid #e5e8eb!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 12px 32px rgba(25,31,40,.1)!important;
  height:auto!important;
  max-height:calc(100dvh - 108px)!important;
  overflow:auto!important;
  padding:12px 20px 20px!important;
}
}
@media(max-width:639.98px) {
  html[data-mice-scrolled="true"] [data-mice-header],
  [data-mice-header][data-floating="true"] { top:8px!important; padding:0 11px!important; border-radius:18px!important; }
}
@media(prefers-reduced-motion:reduce) { [data-mice-header] { transition:none!important; } }