/* Shared top-level navigation for Implied Lens product and editorial pages. */
[hidden] { display: none !important; }
.il-skip-link {
  position: fixed;
  top: 10px;
  left: 12px;
  z-index: 10000;
  transform: translateY(-150%);
  padding: 10px 14px;
  border-radius: 8px;
  background: #f2cb7d;
  color: #111712 !important;
  font: 700 13px/1 "DM Sans", Inter, sans-serif;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .24);
}
.il-skip-link:focus { transform: translateY(0); }
nav.il-global-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  min-height: 56px !important;
  height: auto !important;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 18px !important;
  border-bottom: 1px solid rgba(232, 195, 119, .14);
  background: rgba(12, 17, 15, .96);
  box-shadow: 0 10px 32px rgba(0, 0, 0, .12);
  backdrop-filter: blur(20px);
}
.il-global-brand {
  box-sizing: border-box;
  flex: 0 0 160px;
  width: 160px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #f5f2e9 !important;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.04em;
  text-decoration: none !important;
  white-space: nowrap;
  min-height: 44px;
  padding-right: 14px;
  border-right: 1px solid rgba(239, 200, 121, .14);
}
.il-global-brand img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  filter: drop-shadow(0 5px 12px rgba(212, 168, 77, .25));
}
.il-global-brand em {
  color: #efc879;
  font-style: italic;
}
.il-global-links {
  box-sizing: border-box;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 3px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.il-global-links::-webkit-scrollbar { display: none; }
.il-global-tab {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: rgba(240, 244, 240, .62) !important;
  font-family: "DM Sans", Inter, sans-serif;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none !important;
  white-space: nowrap;
  transition: color .15s, background .15s, box-shadow .15s;
}
.il-global-tab:hover {
  color: #fff !important;
  background: rgba(239, 200, 121, .08);
}
.il-global-tab.active {
  color: #efc879 !important;
  background: rgba(239, 200, 121, .11);
  border-color: rgba(239, 200, 121, .18);
  box-shadow: inset 0 -2px 0 #d9ad57;
}
.il-global-actions {
  flex: 0 0 auto;
  min-width: 301px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.il-global-action {
  min-width: 42px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid rgba(239, 200, 121, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: rgba(244, 242, 235, .72) !important;
  font: 650 12px/1 Inter, "DM Sans", sans-serif;
  text-decoration: none !important;
  cursor: pointer;
}
.il-global-action:hover {
  color: #fff !important;
  border-color: rgba(239, 200, 121, .38);
  background: rgba(239, 200, 121, .09);
}
.il-global-nav .static-theme-toggle {
  position: relative;
  width: 58px;
  height: 30px;
  flex: 0 0 auto;
  margin: 0 !important;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 15px;
  background: rgba(255, 255, 255, .07);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
  cursor: pointer;
}
.il-global-nav .static-theme-toggle::before,
.il-global-nav .static-theme-toggle::after {
  position: absolute;
  top: 7px;
  color: rgba(244, 242, 235, .48);
  font: 12px/1 Arial, sans-serif;
}
.il-global-nav .static-theme-toggle::before { content: "\2600"; left: 7px; color: #efc879; }
.il-global-nav .static-theme-toggle::after { content: "\263e"; right: 7px; }
.il-global-nav .static-theme-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #efc879;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
  transition: transform .2s;
}
html[data-theme="dark"] .il-global-nav .static-theme-thumb { transform: translateX(28px); }
.il-global-search {
  box-sizing: border-box;
  flex: 0 1 190px;
  width: 190px;
  max-width: 190px;
  height: 34px;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid rgba(239, 200, 121, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
}
.il-global-search span {
  color: rgba(244, 242, 235, .48);
  font-size: 15px;
  line-height: 1;
}
.il-global-search input {
  width: 142px;
  min-width: 0;
  height: 32px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgba(244, 242, 235, .9);
  font: 600 12px/1 "DM Sans", Inter, sans-serif;
  text-transform: uppercase;
}
.il-global-search input::placeholder {
  color: rgba(244, 242, 235, .42);
  text-transform: none;
}
.il-global-live {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid rgba(32, 220, 122, .24);
  border-radius: 5px;
  background: rgba(32, 220, 122, .07);
  color: #52e596;
  font: 750 10px/1 "DM Sans", Inter, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}
.il-global-live::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #20dc7a;
}
.il-global-login,
.il-global-trial {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 6px;
  font: 650 12px/1 "DM Sans", Inter, sans-serif;
  text-decoration: none !important;
  white-space: nowrap;
}
.il-global-login {
  border: 1px solid rgba(239, 200, 121, .18);
  color: rgba(244, 242, 235, .75) !important;
  background: rgba(255, 255, 255, .035);
}
.il-global-trial {
  border: 1px solid #d9ad57;
  background: #d9ad57;
  color: #17120b !important;
}
.il-global-login:hover { color: #fff !important; border-color: rgba(239, 200, 121, .38); }
.il-global-trial:hover { background: #efc879; border-color: #efc879; }

/* The application shell uses the same compact tab geometry as static pages. */
#main-nav {
  gap: 10px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
#main-nav .nav-logo {
  min-height: 44px !important;
  margin-right: 0 !important;
  padding-right: 14px !important;
}
#main-nav .nav-links {
  box-sizing: border-box !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 3px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
}
#main-nav .nav-links::-webkit-scrollbar { display: none; }
#main-nav .nav-tab,
#main-nav .nav-tab:hover,
#main-nav .nav-tab.active-tab,
#main-nav .nav-tab.active-tab:hover {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-family: "DM Sans", Inter, sans-serif !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}
#main-nav .nav-tab.active-tab,
#main-nav .nav-tab.active-tab:hover {
  border-color: rgba(239, 200, 121, .18) !important;
}
#main-nav .nav-search {
  flex: 0 1 190px !important;
  width: 190px !important;
  max-width: 190px !important;
  margin: 0 !important;
}
#main-nav .nav-right {
  gap: 8px !important;
  margin-left: auto !important;
  padding-left: 0 !important;
}

@media (min-width: 961px) and (max-width: 1280px) {
  #main-nav #nav-links,
  #main-nav[data-view="tool"] #nav-links {
    display: flex !important;
  }
  #main-nav .nav-tab,
  #main-nav .nav-tab:hover,
  #main-nav .nav-tab.active-tab,
  #main-nav .nav-tab.active-tab:hover {
    padding-inline: 8px !important;
    font-size: 11px !important;
  }
  #main-nav .nav-search {
    flex-basis: 150px !important;
    width: 150px !important;
  }
  #main-nav .nav-search input { width: 104px !important; }
  #main-nav .nav-live { display: none !important; }
  .mobile-bottom-nav { display: none !important; }
}

@media (min-width: 901px) and (max-width: 1280px) {
  .il-global-tab {
    padding-inline: 8px;
    font-size: 11px;
  }
  .il-global-search {
    flex-basis: 150px;
    width: 150px;
  }
  .il-global-search input { width: 102px; }
  .il-global-live { display: none; }
  .il-global-actions { min-width: 212px; }
}

@media (min-width: 961px) and (max-width: 1100px) {
  #main-nav .nav-search { display: none !important; }
  #main-nav .nav-tab,
  #main-nav .nav-tab:hover,
  #main-nav .nav-tab.active-tab,
  #main-nav .nav-tab.active-tab:hover {
    padding-inline: 6px !important;
    font-size: 10.5px !important;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .il-global-tab {
    padding-inline: 6px;
    font-size: 10.5px;
  }
  .il-global-search { display: none; }
}

@media (max-width: 900px) {
  nav.il-global-nav {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 12px;
    padding: 8px 12px !important;
  }
  .il-global-links {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0 -4px;
    padding-top: 7px;
    border-top: 1px solid rgba(255, 255, 255, .055);
  }
  .il-global-tab {
    min-height: 42px;
    padding-inline: 11px;
  }
  .il-global-search,
  .il-global-live,
  .il-global-login,
  .il-global-trial { display: none; }
  .il-global-actions { min-width: 0; }
  .il-global-nav .static-theme-toggle { height: 40px; border-radius: 20px; }
  .il-global-nav .static-theme-toggle::before,
  .il-global-nav .static-theme-toggle::after { top: 12px; }
  .il-global-nav .static-theme-thumb { top: 8px; }
  html[data-theme="dark"] .il-global-nav .static-theme-thumb { transform: translateX(24px); }
}

@media (max-width: 960px) {
  #main-nav .nav-links { display: none !important; }
}

@media (max-width: 520px) {
  .il-global-brand { font-size: 17px; }
  .il-global-actions .action-label { display: none; }
  .il-global-action { width: 44px; min-width: 44px; padding: 0; }
}

/* Mobile interaction floor: controls remain dense, but never become hard to tap. */
@media (max-width: 760px) {
  #view-home .mo-tab,
  #view-home .movers-tab,
  #view-home button[aria-label="Add watch item"],
  #view-home .il-home-watch-empty button,
  #view-tool .il-tool-guide-toggle,
  #view-tool .sa-sort-btn,
  #view-tool .sa-clear-btn,
  #view-tool .sa-pill,
  #view-tool .sa-btn,
  #view-tool .sa-del-btn,
  #view-tool .il-ws-btn,
  #view-tool .il-ws-tab,
  #view-tool .il-research-btn,
  #view-tool #il-compare-ticker,
  #view-tool .il-shell-search input,
  #view-tool .il-shell-search button,
  #view-tool .il-onboarding button,
  #view-tool .il-onboarding-close,
  #view-tool #body-analyze button,
  #view-tool .il-primary-action,
  #view-tool .il-template-row button,
  #view-tool .edu-lesson-actions button,
  #principal,
  #monthly,
  #years,
  #return,
  #variance,
  #inflation,
  #run {
    min-height: 44px !important;
  }
  #view-home button[aria-label="Add watch item"],
  #view-home .il-home-watch-empty button,
  #view-home .mo-tab,
  #view-tool .sa-sort-btn,
  #view-tool .sa-pill,
  #view-tool .il-onboarding-close {
    min-width: 44px !important;
  }
  #view-tool #il-w-principal,
  #view-tool #il-w-monthly,
  #view-tool #il-w-years,
  #view-tool #il-w-return,
  #view-tool #il-w-variance,
  #view-tool #il-w-inflation,
  #view-tool #il-w-fee,
  #view-tool #il-w-tax {
    min-height: 44px !important;
  }
  .quick-tickers button,
  .company-nav button,
  .methodology-inline,
  #open-chart-button,
  #save-scenario {
    min-height: 44px !important;
  }
  #view-tool .il-shell-top {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #view-tool .il-shell-search {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #view-tool .il-shell-search input {
    width: 100% !important;
    min-width: 0 !important;
  }
  #view-tool .il-shell-actions {
    grid-column: 1 !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    scrollbar-width: none;
  }
  #view-tool .il-shell-actions::-webkit-scrollbar { display: none; }
}

/*
 * Canonical product header
 * ------------------------
 * The SPA, LensScore and editorial pages intentionally share these final
 * declarations. Keep this block last so page-specific styles cannot make the
 * logo or top tabs look like a different product.
 */
#main-nav,
nav.il-global-nav {
  box-sizing: border-box !important;
  min-height: 56px !important;
  height: 56px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
  background: rgba(10, 16, 13, .94) !important;
  border-bottom: 1px solid rgba(239, 200, 121, .12) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .13) !important;
  color: #f0f5f1 !important;
  font-family: "DM Sans", Arial, sans-serif !important;
  backdrop-filter: blur(24px) saturate(1.2) !important;
}

#main-nav .nav-logo,
.il-global-brand {
  box-sizing: border-box !important;
  flex: 0 0 164px !important;
  width: 164px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 16px 0 0 !important;
  border-right: 1px solid rgba(239, 200, 121, .14) !important;
  color: #f8eed6 !important;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: 18.4px !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#main-nav .nav-logo > span,
.il-global-brand > span {
  color: #f8eed6 !important;
}

#main-nav .nav-logo em,
.il-global-brand em {
  color: #efc879 !important;
  font-style: italic !important;
}

#main-nav .nav-logo img,
.il-global-brand img {
  box-sizing: border-box !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border: 1px solid rgba(217, 179, 94, .58) !important;
  border-radius: 50% !important;
  background: #090a0b !important;
  box-shadow:
    0 0 0 3px rgba(217, 179, 94, .10),
    0 8px 18px rgba(0, 0, 0, .42),
    0 0 18px rgba(217, 179, 94, .18) !important;
  filter: none !important;
}

#main-nav .nav-links,
.il-global-links {
  box-sizing: border-box !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 3px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 1px solid rgba(255, 255, 255, .055) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .024) !important;
  scrollbar-width: none;
}

#main-nav .nav-tab,
#main-nav .nav-tab:hover,
#main-nav .nav-tab.active-tab,
#main-nav .nav-tab.active-tab:hover,
.il-global-tab,
.il-global-tab:hover,
.il-global-tab.active,
.il-global-tab.active:hover {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 .72rem !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: rgba(239, 244, 240, .70) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "DM Sans", Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: .01em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#main-nav .nav-tab:hover,
.il-global-tab:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .055) !important;
}

#main-nav .nav-tab.active-tab,
#main-nav .nav-tab.active-tab:hover,
.il-global-tab.active,
.il-global-tab.active:hover {
  color: #f4d99f !important;
  background: rgba(239, 200, 121, .11) !important;
  border-color: rgba(239, 200, 121, .18) !important;
  box-shadow: inset 0 -2px 0 #dfae52 !important;
}

:root:not([data-theme="dark"]) #main-nav .nav-tab,
html[data-theme="dark"] #main-nav .nav-tab {
  margin: 0 !important;
}

#main-nav .nav-search,
.il-global-search {
  box-sizing: border-box !important;
  flex: 0 1 190px !important;
  width: 190px !important;
  max-width: 190px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, .05) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .024) !important;
}

#main-nav .nav-search input,
.il-global-search input {
  min-width: 0 !important;
  height: 32px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #f2f6f3 !important;
  font: 600 12px/1 "DM Sans", Inter, sans-serif !important;
}

#main-nav .nav-search input::placeholder,
.il-global-search input::placeholder {
  color: rgba(239, 244, 240, .48) !important;
}

#main-nav .nav-right,
.il-global-actions {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-width: 301px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  padding: 0 !important;
}

#main-nav .theme-toggle,
.il-global-nav .static-theme-toggle {
  box-sizing: border-box !important;
  position: relative !important;
  width: 58px !important;
  height: 30px !important;
  flex: 0 0 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .043) !important;
  box-shadow: none !important;
}

#main-nav .theme-toggle-track {
  box-sizing: border-box !important;
  position: relative !important;
  width: 58px !important;
  height: 30px !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 15px !important;
  background: #171b22 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .35) !important;
}

#main-nav .theme-toggle-sun,
#main-nav .theme-toggle-moon {
  position: absolute !important;
  top: 50% !important;
  z-index: 1 !important;
  transform: translateY(-50%) !important;
  font: 12px/1 Arial, sans-serif !important;
}
#main-nav .theme-toggle-sun { left: 8px !important; color: #7d735f !important; opacity: .65 !important; }
#main-nav .theme-toggle-moon { right: 8px !important; color: #f4ead4 !important; opacity: 1 !important; }
#main-nav .theme-toggle-thumb,
#main-nav .static-theme-thumb {
  box-sizing: border-box !important;
  position: absolute !important;
  top: 3px !important;
  left: 31px !important;
  z-index: 2 !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #c6a052 !important;
  box-shadow: 0 2px 7px rgba(10, 12, 14, .2) !important;
  transform: none !important;
}
#main-nav .theme-toggle-thumb::before {
  content: "☾" !important;
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: #171b22 !important;
  font: 13px/1 Arial, sans-serif !important;
}

html:not([data-theme="dark"]) #main-nav .theme-toggle-track {
  border-color: rgba(10, 12, 14, .15) !important;
  background: #e9e4d8 !important;
  box-shadow: inset 0 1px 3px rgba(10, 12, 14, .08) !important;
}
html:not([data-theme="dark"]) #main-nav .theme-toggle-sun { color: #9a6517 !important; opacity: 1 !important; }
html:not([data-theme="dark"]) #main-nav .theme-toggle-moon { color: #7a8290 !important; opacity: .7 !important; }
html:not([data-theme="dark"]) #main-nav .theme-toggle-thumb,
html:not([data-theme="dark"]) #main-nav .static-theme-thumb {
  left: 3px !important;
  background: #fff !important;
}
html:not([data-theme="dark"]) #main-nav .theme-toggle-thumb::before {
  content: "☀" !important;
  color: #9a6517 !important;
  font-size: 12px !important;
}

#main-nav .nav-live,
.il-global-live {
  box-sizing: border-box !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(32, 220, 122, .24) !important;
  border-radius: 5px !important;
  background: rgba(32, 220, 122, .07) !important;
  color: #52e596 !important;
  font: 750 10px/1 "DM Sans", Inter, sans-serif !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

#main-nav .btn-nav-outline,
.il-global-login {
  box-sizing: border-box !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: .4rem 1rem !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .043) !important;
  color: rgba(245, 235, 215, .9) !important;
  font: 600 .82rem/1.6 "DM Sans", Arial, sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#main-nav .btn-nav,
.il-global-trial {
  box-sizing: border-box !important;
  min-height: 34px !important;
  align-items: center !important;
  padding: .4rem 1rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #eccb84, #c9973e) !important;
  color: #17120b !important;
  box-shadow: 0 10px 28px rgba(129, 84, 12, .22), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
  font: 500 .82rem/1.6 "DM Sans", Arial, sans-serif !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.il-global-trial { display: inline-flex !important; }

:root:not([data-theme="dark"]) #main-nav,
html[data-theme="dark"] #main-nav,
:root:not([data-theme="dark"]) #main-nav .nav-logo,
html[data-theme="dark"] #main-nav .nav-logo,
:root:not([data-theme="dark"]) #main-nav .nav-logo > span,
html[data-theme="dark"] #main-nav .nav-logo > span {
  color: #f8eed6 !important;
}

#main-nav .static-theme-toggle::before,
#main-nav .static-theme-toggle::after {
  content: none !important;
}

.il-static-account { display: none !important; }

@media (min-width: 961px) and (max-width: 1280px) {
  #main-nav .nav-tab,
  #main-nav .nav-tab:hover,
  #main-nav .nav-tab.active-tab,
  #main-nav .nav-tab.active-tab:hover,
  .il-global-tab,
  .il-global-tab:hover,
  .il-global-tab.active,
  .il-global-tab.active:hover {
    padding-inline: 8px !important;
    font-size: 11px !important;
  }
  #main-nav .nav-search,
  .il-global-search {
    flex-basis: 150px !important;
    width: 150px !important;
  }
  #main-nav .nav-live,
  .il-global-live { display: none !important; }
  #main-nav .nav-right,
  .il-global-actions { min-width: 212px !important; }
}

@media (max-width: 960px) {
  #main-nav .nav-links { display: none !important; }
  #main-nav .nav-right {
    min-width: 0 !important;
    margin-left: auto !important;
  }
  #main-nav .nav-search,
  #main-nav .nav-live,
  #main-nav .btn-nav-outline,
  #main-nav .btn-nav { display: none !important; }
  nav#main-nav.il-static-main-nav {
    display: flex !important;
    grid-template-columns: none !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 18px !important;
  }
  nav#main-nav.il-static-main-nav .nav-links { display: none !important; }
  nav#main-nav.il-static-main-nav .nav-right { min-width: 58px !important; }
  nav#main-nav.il-static-main-nav .theme-toggle {
    height: 40px !important;
  }
  #main-nav .nav-acct-mobile,
  #main-nav .il-static-account {
    box-sizing: border-box !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(239, 244, 240, .82) !important;
    text-decoration: none !important;
  }
  #main-nav .il-static-account svg {
    width: 23px !important;
    height: 23px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
  }
}