/* The site header: one thin bar, the same on every page, always in view
   (Dr Niru, 3 Oct 2026). Since 18 Oct 2026 it leads with Ask Insights Digital: the Ask Insights
   lockup and "Digital", one link home (W.E is the summit's name, not the product's). Markup hooks
   come from scripts/build-design-page.py and scripts/digital_first.py (data-brand, data-home,
   data-digital, data-signin, data-book) and privacy.html; the designs' inline styles are
   overridden with !important. */

/* Links to a section (#approach, #journeys) land below the header, not under it. */
html { scroll-padding-top: 72px; }
[data-screen-label="Nav"] {
  position: sticky !important; top: 0; z-index: 40;
  background: rgba(246, 239, 230, 0.88) !important;
  -webkit-backdrop-filter: saturate(1.2) blur(12px); backdrop-filter: saturate(1.2) blur(12px);
  border-bottom: 1px solid rgba(42, 33, 29, 0.08);
}
[data-screen-label="Nav"] > div {
  box-sizing: border-box; min-height: 60px;
  padding: 0 32px !important; gap: 24px !important;
  display: flex !important; align-items: center !important;
}
[data-brand] { display: flex; align-items: center; gap: 16px; flex: none; margin-right: auto; }
[data-home] { display: flex; align-items: center; gap: 12px; text-decoration: none; }
[data-home] img { width: auto !important; display: block; }
[data-home] [data-lockup] { height: 30px !important; }
[data-home] [data-lotus] { display: none; height: 32px !important; }
[data-digital] {
  font: 600 15px/1 Manrope, sans-serif; letter-spacing: 0.02em; color: #A8245C;
  padding-left: 12px; border-left: 1px solid rgba(42, 33, 29, 0.16); height: 24px; display: flex; align-items: center;
}
/* Kept for any page still built with the old brand block. */
[data-maker] { display: flex; align-items: center; padding-left: 16px; border-left: 1px solid rgba(42, 33, 29, 0.16); height: 28px; }
[data-maker] img { height: 24px; width: auto; display: block; }
[data-maker] [data-lotus] { display: none; height: 28px; }
[data-screen-label="Nav"] > div > div:last-child { display: flex; align-items: center; gap: 24px !important; white-space: nowrap; }
[data-screen-label="Nav"] > div > div:last-child > button { height: 40px !important; }
[data-screen-label="Nav"] [data-book] {
  display: inline-flex !important; align-items: center; justify-content: center; text-decoration: none !important;
  height: 40px !important; padding: 0 20px !important; font-size: 14px !important;
}

/* Tablet: the launch page's longest section link gives way first, then the Ask Insights name
   (the lotus stays). */
@media (max-width: 1020px) {
  [data-screen-label="Nav"] > div > div:last-child > a[href="#inside"] { display: none !important; }
}
/* With Sign in added (18 Oct 2026), "Your guide" gives way next on tablets. */
@media (max-width: 900px) {
  [data-screen-label="Nav"] > div > div:last-child > a[href="#guide"] { display: none !important; }
}
/* Phones up to 440 px: the lotus and "Digital"; the full lockup needs the width the button uses. */
@media (max-width: 440px) {
  [data-home] [data-lockup] { display: none; }
  [data-home] [data-lotus] { display: block; height: 28px !important; }
}
@media (max-width: 860px) {
  [data-maker] [data-lockup] { display: none; }
  [data-maker] [data-lotus] { display: block; }
}
/* Phones: the launch page keeps Journeys and the button; the section links are on the page itself. */
@media (max-width: 760px) {
  [data-screen-label="Nav"] > div { min-height: 56px; padding: 0 16px !important; gap: 12px !important; }
  [data-brand] { gap: 12px; }
  [data-home] { gap: 10px; }
  [data-home] [data-lockup] { height: 24px !important; }
  [data-digital] { font-size: 13.5px; padding-left: 10px; height: 20px; }
  [data-maker] { padding-left: 12px; height: 24px; }
  [data-maker] [data-lotus] { height: 24px; }
  [data-screen-label="Nav"] > div > div:last-child { gap: 12px !important; }
  [data-screen-label="Nav"] > div > div:last-child > a, [data-screen-label="Nav"] > div > div:last-child > button { font-size: 13px !important; }
  [data-screen-label="Nav"] > div > div:last-child > a:not([data-book]):not([data-keep]) { display: none !important; }
  [data-screen-label="Nav"] [data-book] { height: 38px !important; padding: 0 14px !important; font-size: 13px !important; }
}
@media (max-width: 380px) {
  [data-screen-label="Nav"] > div { padding: 0 12px !important; gap: 8px !important; }
  [data-brand] { gap: 9px; }
  [data-home] [data-lockup] { display: none; }
  [data-home] [data-lotus] { display: block; height: 28px !important; }
  [data-digital] { font-size: 13px; padding-left: 9px; }
  [data-maker] { padding-left: 9px; height: 22px; }
  [data-maker] [data-lotus] { height: 22px; }
  [data-screen-label="Nav"] > div > div:last-child { gap: 10px !important; }
  [data-screen-label="Nav"] > div > div:last-child > a, [data-screen-label="Nav"] > div > div:last-child > button { font-size: 13px !important; }
  [data-screen-label="Nav"] [data-book] { padding: 0 12px !important; font-size: 12.5px !important; }
}
/* The narrowest phones (under 340 px): the logos and the button only. The journeys are on every
   page, and the logo leads home. */
@media (max-width: 340px) {
  [data-screen-label="Nav"] > div > div:last-child > a:not([data-book]), [data-screen-label="Nav"] > div > div:last-child > button { display: none !important; }
}