/* Stage 1 — shared header values for explicitly opted-in pages ONLY.
   Opt-in classes: page-events, page-gallery, page-legal (Privacy, Terms), page-search, page-404 and (final consistency pass) page-home, page-menu-body, pl-app (Photo Lab),
   so every public page shares one header geometry.
   Existing breakpoints (1100 / 900) are kept; only the values below change on participating pages.
   Header CSS height is --header-height; the rendered header is that + the existing 1px bottom border. */
:is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) {
  --tb-font-ui: "TB Inter", "Inter", "Segoe UI", Arial, sans-serif;   /* TB Exo 2 is registered but not applied yet */
  --header-height: 96px;                                              /* was 112px */
}
:is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) .site-logo img {
  width: 88px;                                                        /* was 110px */
  height: 88px;
}
:is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) .site-nav-links a {
  font-family: var(--tb-font-ui);
  font-weight: 600;                                                   /* was 500 (600 on the active link only) */
  font-size: 15px;                                                    /* was 0.92rem = 14.72px */
}
@media (max-width: 1100px) {
  :is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) {
    --header-height: 88px;                                            /* was 100px */
  }
  :is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) .site-logo img {
    width: 76px;                                                      /* was 104px */
    height: 76px;
  }
  :is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) .site-nav-links a {
    font-size: 0.8rem;                                                /* unchanged from global at this width */
  }
}
@media (max-width: 900px) {
  :is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) {
    --header-height: 76px;                                            /* was 88px */
  }
  :is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) .site-logo img {
    width: 64px;                                                      /* was 96px */
    height: 64px;
  }
  :is(body.page-events, body.tb-page-gallery, body.page-legal, body.page-search, body.page-404, body.page-home, body.page-menu-body, body.pl-app) .site-nav-links a {
    font-size: 1rem;                                                  /* unchanged: mobile panel link size */
  }
}