/* Owner R3154 (2026-11-07): the top tab (brand, nav, language, account) stays in view under the fixed ad bar while the page scrolls.
   Kept to places where it cannot hide the page: wide screens, normal or large text, tall enough windows.
   Phones (650px and narrower), the three biggest text sizes and short windows keep the header in the page, as before;
   the ad bar itself stays fixed everywhere it already was. */
html{--urida-ad-h:0px;--urida-hdr-h:92px}
html.has-urida-ad-bar{--urida-ad-h:96px}
@media (max-width:760px){html.has-urida-ad-bar{--urida-ad-h:86px}}
@media (min-width:651px) and (min-height:640px){
  html:not([data-text-size="xlarge"]):not([data-text-size="huge"]):not([data-text-size="max"]) body>header{
    position:sticky;top:var(--urida-ad-h);z-index:36;
    background:#07090f;border-bottom:1px solid var(--mh-line,rgba(255,255,255,.1));
    box-shadow:0 0 0 100vmax #07090f,0 10px 24px rgba(0,0,0,.28);clip-path:inset(0 -100vmax -40px);
  }
  /* A link or Tab stop scrolled into view must land below both bars. */
  html:not([data-text-size="xlarge"]):not([data-text-size="huge"]):not([data-text-size="max"]),
  html.has-urida-ad-bar:not([data-text-size="xlarge"]):not([data-text-size="huge"]):not([data-text-size="max"]){scroll-padding-top:calc(var(--urida-ad-h) + var(--urida-hdr-h) + 12px)}
}
@media print{body>header{position:static!important;box-shadow:none!important;clip-path:none!important}}

/* R3217 items 9/10 (phones, 650px and narrower): the top tab is compact so the headline and the main buttons come in the first screen,
   and no language makes the page scroll sideways at 320px. Brand and login share one row; the nav links and the language chips follow. */
@media (max-width:650px){
  body>header{padding:8px 12px;gap:0 8px;row-gap:0;min-height:0;align-items:center}
  body>header .brand{flex:1 1 auto;min-width:0;max-width:100%;order:1}
  header .urida-lockup{min-width:0}
  header .urida-name,header .company-line{overflow-wrap:anywhere;word-break:normal}
  header .company-line{white-space:normal;line-height:1.15}
  body>header #mh-account{order:2;margin-inline-start:auto;max-width:52%;min-width:0;white-space:normal;text-align:center;line-height:1.2;padding:4px 12px}
  body>header #secondary-nav{order:3;flex:1 0 100%;margin-left:0;margin-inline-start:-14px;min-width:0;flex-wrap:wrap}
  body>header .mh-lang{order:4;flex:0 1 auto;max-width:100%;margin-inline-start:auto;margin-left:auto;min-width:0}
  /* Floating accessibility button: icon only (name stays in aria-label), and room at the end of the page so it never covers text. */
  #accessibility-settings{width:52px;min-height:52px;padding:0;justify-content:center}
  #accessibility-settings .a11y-label{display:none}
  #main{padding-bottom:84px}
  /* Order inside the first screen: kicker, headline, text, main buttons, then the numbers. */
  #welcome .mh-hero{gap:12px}
  #welcome .mh-hero-copy{display:contents}
  #welcome .mh-stats{order:3;margin:8px 0 0}
  #welcome .mh-kicker{margin-bottom:0}
}

/* R3217 item 11: only the shown page's title is a level-1 heading. The other pages' titles are h2 elements with aria-level 1 (they are hidden until shown), so the page has one h1 tag; they keep the h1 look. */
h2[aria-level="1"]{font-size:clamp(1.65rem,3.8vw,2.25rem);margin:0 0 20px;letter-spacing:-.02em}
@media(max-width:700px){h2[aria-level="1"]{font-size:1.5rem}}