/* Approved homepage header rules only. Existing expert-shop supplies the
   native-details base layout; this later scoped layer shares its 900px JS edge. */
body.ekx-reference-subpages-2026 {
  --reference-ivory: #fffaf1;
  --reference-ink: #07183c;
  --reference-blue: #0758bd;
  --reference-yellow: #efb635;
}
body.ekx-reference-subpages-2026 .ekx-site-header {
  height: 64px;
  background: var(--reference-ivory);
  color: var(--reference-ink);
  border: 0;
  box-shadow: none;
}
body.ekx-reference-subpages-2026 .ekx-header-inner {
  width: min(1260px, calc(100% - 88px));
  gap: 24px;
}
body.ekx-reference-subpages-2026 .ekx-brand {
  position: relative;
  color: var(--reference-ink);
  font: 700 31px/1 Georgia, "Times New Roman", serif;
  letter-spacing: -1.2px;
}
body.ekx-reference-subpages-2026 .ekx-brand span { color: var(--reference-blue); }
body.ekx-reference-subpages-2026 .ekx-brand::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 59px;
  height: 4px;
  border-radius: 70% 40% 50% 30%;
  background: var(--reference-yellow);
  transform: rotate(-4deg);
  content: "";
}
body.ekx-reference-subpages-2026 .ekx-nav-link,
body.ekx-reference-subpages-2026 .ekx-nav-trigger {
  gap: 5px;
  padding-inline: 10px;
  color: var(--reference-ink);
  font-size: 12px;
  font-weight: 500;
}
body.ekx-reference-subpages-2026 .ekx-nav-panel {
  top: calc(100% + 10px);
  max-height: calc(100dvh - 90px);
  color: var(--reference-ink);
  border-color: #deded8;
  border-radius: 5px;
  background: var(--reference-ivory);
}
body.ekx-reference-subpages-2026 .ekx-disclosure[open]::after { height: 11px; }
body.ekx-reference-subpages-2026 .ekx-panel-side { background: #f0eee6; }
body.ekx-reference-subpages-2026 .ekx-nav-panel .ekx-header-phone {
  flex-wrap: wrap;
  gap: 6px;
  white-space: normal;
}
body.ekx-reference-subpages-2026 .ekx-nav-panel .ekx-nav-link { justify-content: flex-start; font-weight: 650; }
body.ekx-reference-subpages-2026 .ekx-site-header .ekx-order-link {
  min-height: 40px;
  padding: 10px 18px;
  border: 1px solid var(--reference-blue);
  border-radius: 4px;
  background: var(--reference-blue);
  font-size: 13px;
  font-weight: 500;
}
body.ekx-reference-subpages-2026 .ekx-site-header .ekx-order-link:hover { background: #034ca7; border-color: #034ca7; }
body.ekx-reference-subpages-2026 .ekx-site-header a:focus-visible,
body.ekx-reference-subpages-2026 .ekx-site-header summary:focus-visible { outline-color: var(--reference-blue); }
@media (min-width: 900px) {
  body.ekx-reference-subpages-2026 .ekx-desktop-nav,
  body.ekx-reference-subpages-2026 .ekx-header-actions { display: flex; }
  body.ekx-reference-subpages-2026 .ekx-mobile-actions { display: none; }
  body.ekx-reference-subpages-2026 .ekx-header-actions { gap: 0; }
}
@media (max-width: 899px) {
  body.ekx-reference-subpages-2026 .ekx-site-header { height: 64px; }
  body.ekx-reference-subpages-2026 .ekx-header-inner { width: calc(100% - 32px); gap: 12px; }
  body.ekx-reference-subpages-2026 .ekx-desktop-nav,
  body.ekx-reference-subpages-2026 .ekx-header-actions { display: none; }
  body.ekx-reference-subpages-2026 .ekx-mobile-actions { display: flex; }
  body.ekx-reference-subpages-2026 .ekx-brand { font-size: 27px; }
  body.ekx-reference-subpages-2026 .ekx-menu-toggle { border-radius: 4px; background: var(--reference-ivory); }
  body.ekx-reference-subpages-2026 .ekx-mobile-drawer { top: 64px; background: var(--reference-ivory); }
  body.ekx-reference-subpages-2026 .ekx-mobile-menu[open]::before { inset: 64px 0 0; }
}
@media (max-width: 359px) {
  body.ekx-reference-subpages-2026 .ekx-brand { font-size: 25px; }
}