/* Shared, quiet navigation across all language editions. */
@media screen {
  html body .site-header > .site-nav { justify-content: flex-end; gap: 28px; }
  html body .site-header > .header-actions { gap: 26px; }
  html body .site-header > .site-nav > a,
  html body .workspace-menu > .workspace-trigger,
  html body .language-disclosure > summary {
    min-height: 44px;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #f8f4ec;
    font: 400 13px/1.4 'Open Sans', Arial, sans-serif;
    letter-spacing: 0;
    box-shadow: none;
  }
  html body .site-header > .site-nav > a:hover,
  html body .workspace-menu > .workspace-trigger:hover,
  html body .workspace-menu[open] > .workspace-trigger,
  html body .language-disclosure > summary:hover,
  html body .language-disclosure[open] > summary {
    border: 0;
    background: transparent;
    color: #c4b18e;
  }
  html body .language-disclosure .language-chevron {
    font-size: 0;
    width: 6px;
    height: 6px;
    border: solid #c4b18e;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    margin-top: -3px;
  }
  html body .language-disclosure[open] .language-chevron {
    transform: rotate(225deg);
    margin-top: 3px;
  }
  html body .workspace-panel,
  html body .language-disclosure[open] > .language-picker {
    top: calc(100% + 6px);
    padding: 8px;
    border: 1px solid #19254118;
    border-radius: 4px;
    box-shadow: 0 12px 32px #0002;
  }
  html body .workspace-panel,
  html body .site-header.nav-ready.main-menu-open > .site-nav {
    width: min(204px, calc(100vw - 24px));
    padding: 6px;
    background: #192541;
    color: #f8f4ec;
    border: 1px solid #c4b18e66;
    border-radius: 8px;
    box-shadow: 0 8px 24px #10192d40;
  }
  html body .workspace-title { display: none; }
  html body .workspace-panel a,
  html body .language-disclosure .language-picker [data-locale-link] {
    min-height: 44px;
    border-radius: 2px !important;
    font-size: 13px;
  }
  html body .workspace-panel a,
  html body .site-header.nav-ready.main-menu-open > .site-nav > a {
    padding: 8px 12px;
    border-radius: 2px;
    color: #f8f4ec;
    overflow-wrap: anywhere;
  }
  html body .workspace-tool > strong { font-weight: 400; }
  html body .workspace-tool > span { display: none; }
  html body .workspace-panel a.workspace-resume {
    background: transparent;
    color: #f8f4ec;
    border-bottom: 1px solid #c4b18e38;
    border-radius: 0;
    margin: 0 0 5px;
    padding-block: 10px;
  }
  html body .workspace-panel a.workspace-resume > strong { color: #dfcaa6; }
  html body .site-header.nav-ready.main-menu-open > .site-nav > a:hover,
  html body .site-header.nav-ready.main-menu-open > .site-nav > a:focus-visible,
  html body .workspace-panel a:hover,
  html body .workspace-panel a:focus-visible,
  html body .workspace-panel a.workspace-resume:hover,
  html body .workspace-panel a.workspace-resume:focus-visible { background: #263653; }
  html body .language-disclosure .language-picker [data-locale-link][aria-current="page"] {
    background: #eae3d7 !important;
    color: #192541 !important;
  }
  html body [data-workspace-entry="academy"] .workspace-trigger {
    color: #192541;
    border-bottom: 1px solid #c4b18e;
  }
}
@media screen and (max-width: 1100px) {
  html body .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "brand language" "menu menu";
    min-height: 0;
    padding: 12px 20px;
    gap: 4px 16px;
  }
  html body .site-header > .site-nav {
    justify-content: flex-start;
    gap: 26px;
    width: 100%;
  }
  html body .site-header > .header-actions { gap: 18px; }
  html body .site-header .brand img { max-width: 145px; }
}
@media screen and (max-width: 480px) {
  html body .site-header { padding: 10px 16px; gap: 0 12px; }
  html body .site-header .brand img { max-width: 95px; }
  html body .site-header > .header-actions { gap: 14px; }
  html body .site-header > .site-nav { gap: 24px; }
  html body .site-header .workspace-trigger {
    max-width: 115px;
    font-size: 12px;
  }
  html body .site-header .language-disclosure > summary { gap: 6px; font-size: 12px; padding: 8px 0; }
}
/* Keep the complete header on one baseline at every width. */
.main-menu-toggle { display: none; }
@media screen and (max-width: 1100px) {
  html body .site-header.nav-ready {
    position: relative;
    z-index: 20;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas: "brand menu language";
    gap: 18px;
    min-height: 72px;
    padding: 10px 20px;
  }
  html body .nav-ready .main-menu-toggle {
    grid-area: menu;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #f8f4ec;
    font: 400 13px/1.4 'Open Sans', Arial, sans-serif;
    cursor: pointer;
  }
  .main-menu-toggle::after {
    content: "";
    width: 6px;
    height: 6px;
    border: solid #c4b18e;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    margin-top: -3px;
  }
  .main-menu-toggle[aria-expanded="true"]::after { transform: rotate(225deg); margin-top: 3px; }
  html body .site-header.nav-ready > .site-nav { display: none; }
  html body .site-header.nav-ready.main-menu-open > .site-nav {
    display: flex;
    position: absolute;
    grid-area: auto;
    z-index: 30;
    top: calc(100% - 2px);
    left: clamp(12px, var(--main-menu-anchor, 12px), calc(100% - 216px));
    right: auto;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    overflow: visible;
  }
  html body .site-header.nav-ready .site-nav > a {
    min-height: 44px;
    justify-content: flex-start;
    border: 0;
    white-space: normal;
  }
}
@media screen and (max-width: 480px) {
  html body .site-header.nav-ready { padding: 8px 12px; gap: 10px; min-height: 64px; }
  html body .site-header.nav-ready .brand img { max-width: 85px; width: 100%; height: auto; }
  html body .site-header.nav-ready > .header-actions { gap: 12px; }
  html body .site-header.nav-ready .main-menu-toggle,
  html body .site-header.nav-ready .workspace-trigger,
  html body .site-header.nav-ready .language-disclosure > summary { font-size: 11px; }
  html body .site-header.nav-ready .workspace-trigger { max-width: 100px; }
}
@media print { .main-menu-toggle { display: none; } }

/* Filled Dream Horizon actions share one treatment on light sections. */
@media screen {
  html body a.button.navy[data-insights-link],
  html body .academy-curated-heading [data-workspace-entry="academy"] .workspace-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    max-width: 100%;
    padding: 10px 17px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #192541;
    color: #f8f4ec;
    font: 700 14px/1.4 'Open Sans', Arial, sans-serif;
    text-align: start;
    white-space: normal;
  }
  html body a.button.navy[data-insights-link]:hover,
  html body .academy-curated-heading [data-workspace-entry="academy"] .workspace-trigger:hover,
  html body .academy-curated-heading .workspace-menu[open] > .workspace-trigger {
    background: #263653;
    color: #f8f4ec;
  }
  html body a.button.navy[data-insights-link]:focus-visible,
  html body .academy-curated-heading .workspace-trigger:focus-visible {
    outline: 2px solid #806b43;
    outline-offset: 3px;
  }
}