/* One predictable website navigation layer; module artwork belongs below it. */
:root { --study-nav-height: 78px; --study-nav-font: "Segoe UI", system-ui, sans-serif; }
html:has(:is([data-study-navigation], [data-study-navigation-controls])) { min-width: 0; scroll-padding-top: calc(var(--study-nav-height) + 16px); }
[data-study-navigation] {
  position: sticky !important; top: 0 !important; z-index: 80 !important;
  display: block !important; width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  border-bottom: 1px solid #cad7de !important; border-radius: 0 !important;
  background: #fcfefe !important; color: #173243 !important;
  box-shadow: 0 2px 8px #17324308 !important;
  font: 600 14px/1.4 var(--study-nav-font) !important;
  letter-spacing: normal !important; backdrop-filter: none !important;
}
:is([data-study-navigation], [data-study-navigation-controls]) *, :is([data-study-navigation], [data-study-navigation-controls]) *::before, :is([data-study-navigation], [data-study-navigation-controls]) *::after { box-sizing: border-box; }
.study-navigation__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; max-width: 1400px; margin: auto; padding: 12px 24px; }
.study-navigation__identity { display: flex; flex-direction: column; gap: 2px; flex: 1 1 180px; min-width: 0; }
.study-navigation__brand { color: #4b626f; font-size: 12px; font-weight: 600; }
.study-navigation__identity strong { font: 800 17px/1.3 var(--study-nav-font); color: #173243; }
.study-navigation__routes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__link,
:is([data-study-navigation], [data-study-navigation-controls]) summary,
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__modules nav a,
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools :is(a, button),
:is([data-study-navigation], [data-study-navigation-controls]) select {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; min-height: 44px; min-width: 44px; max-width: 100%; padding: 10px 12px;
  margin: 0; border: 1px solid #b5c8d1; border-radius: 10px;
  background: #fff; color: #173243; box-shadow: none;
  font: 700 14px/1.4 var(--study-nav-font); letter-spacing: normal;
  text-transform: none; text-decoration: none; white-space: normal; text-align: start;
  cursor: pointer; transform: none; transition: background-color 150ms ease-out;
}
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__next { background: #244f5a; color: #fff; border-color: #244f5a; }
:is([data-study-navigation], [data-study-navigation-controls]) :is(a, button, summary):hover { background: #e9f2f6; color: #173243; box-shadow: none; transform: none; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__next:hover { background: #173c46; color: #fff; }
:is([data-study-navigation], [data-study-navigation-controls]) :is(a, button, summary, select, input):focus-visible, .study-navigation__skip:focus-visible { outline: 3px solid #097784 !important; outline-offset: 3px !important; }
.study-navigation__modules { position: relative; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__modules > summary { list-style: none; }
.study-navigation__modules > summary::-webkit-details-marker { display: none; }
.study-navigation__modules > nav { position: absolute; top: calc(100% + 8px); right: 0; z-index: 2; width: 260px; max-height: min(420px, 60svh); overflow-y: auto; padding: 8px; border: 1px solid #b5c8d1; border-radius: 12px; background: #fff; box-shadow: 0 12px 32px #1732431f; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__modules nav a { display: flex; justify-content: space-between; border-color: transparent; margin-bottom: 2px; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__modules a[aria-current="page"] { background: #e4f0f5; color: #173243; border-color: #9fbac7; }
.study-navigation__language { flex: 0 1 auto; min-width: 0; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__language :is(label, .learning-lab-language-control) { position: static !important; display: flex !important; gap: 8px !important; align-items: center; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #173243 !important; font: 600 14px/1.4 var(--study-nav-font) !important; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__language label::before { display: none; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__language label > span:not(.sr-only) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
:is([data-study-navigation], [data-study-navigation-controls]) select { display: block; min-height: 44px !important; height: auto !important; width: auto; max-width: 200px !important; padding: 10px 30px 10px 12px !important; font: 700 14px/1.4 var(--study-nav-font) !important; border: 1px solid #b5c8d1 !important; border-radius: 10px !important; color: #173243 !important; background: #fff !important; box-shadow: none !important; }
.study-navigation__tools { font: 600 14px/1.4 var(--study-nav-font); color: #173243; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 8px 24px; border-top: 1px solid #dbe5ea; background: #f1f6f8; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools :is(.nav__links, .header-actions, .toolbar__actions, .study-lab-controls, .top-actions, .route-tabs, .nav-links) { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: auto; margin: 0; padding: 0; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .brand { gap: 0; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .brand small, :is([data-study-navigation], [data-study-navigation-controls]) [hidden] { display: none !important; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .brand strong { font: inherit; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .header-progress { margin: 0; font: 600 14px/1.4 var(--study-nav-font); color: #173243; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .header-context { color: #4b626f; font: 600 14px/1.4 var(--study-nav-font); }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .topbar-menu { display: contents; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .topbar-menu-toggle { display: none; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .topbar-menu-panel { position: static; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; width: auto; max-width: none; padding: 0; border: 0; background: none; box-shadow: none; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .tools { position: relative; margin-inline-start: auto; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .tools > summary { width: auto; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .tools > summary::before { display: none; }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools .tools-menu { position: absolute; top: calc(100% + 8px); right: 0; left: auto; z-index: 60; background: #fff; color: #173243; border: 1px solid #b5c8d1; max-width: calc(100vw - 32px); }
:is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__tools input[type="checkbox"] { width: 24px; height: 24px; }
.study-navigation__skip { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 12px 18px; background: #173243; color: white; border-radius: 8px; font: 700 16px/1.4 var(--study-nav-font); text-decoration: none; transform: translateY(-180%); }
.study-navigation__skip:focus { transform: none; }
body:has(:is([data-study-navigation], [data-study-navigation-controls])) :is(main, section, [id]) { scroll-margin-top: calc(var(--study-nav-height) + 16px); }
body:has([data-study-navigation]) > .spark-home-button { display: none !important; }
body:has([data-study-navigation="lab"]) .learning-lab-pin { top: var(--study-nav-height) !important; height: calc(100svh - var(--study-nav-height)) !important; }
@media (max-width: 1100px) {
  .study-navigation__inner { gap: 10px; }
  .study-navigation__identity { flex-basis: calc(100% - 230px); }
  .study-navigation__routes { order: 3; width: 100%; }
}
@media (max-width: 600px) {
  .study-navigation__inner { padding: 10px 12px; gap: 8px; }
  .study-navigation__identity { flex-basis: 120px; }
  .study-navigation__identity strong { font-size: 16px; }
  .study-navigation__brand { font-size: 11px; }
  .study-navigation__language { margin-inline-start: auto; max-width: 46%; }
  :is([data-study-navigation], [data-study-navigation-controls]) select { max-width: 100% !important; }
  .study-navigation__routes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
  :is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__link, :is([data-study-navigation], [data-study-navigation-controls]) summary { min-height: 44px; height: 100%; padding: 9px; font-size: 14px; }
  .study-navigation__modules > nav { position: fixed; top: var(--study-nav-menu-top, 120px); left: 12px; right: 12px; width: auto; max-height: calc(100svh - var(--study-nav-menu-top, 120px) - 12px); }
  .study-navigation__tools { padding: 8px 12px; }
}
@media (max-height: 550px) { [data-study-navigation] { position: relative !important; } }
@media (prefers-reduced-motion: reduce) { :is([data-study-navigation], [data-study-navigation-controls]) * { transition: none !important; animation: none !important; } }
@media (forced-colors: active) {
  :is([data-study-navigation], [data-study-navigation-controls]) :is(a, summary, button, select) { border: 1px solid ButtonText; }
  :is([data-study-navigation], [data-study-navigation-controls]) .study-navigation__modules a[aria-current="page"] { outline: 2px solid Highlight; }
}
@media print { :is([data-study-navigation], [data-study-navigation-controls]), .study-navigation__skip { display: none !important; } }