/* Keep common journeys visible; secondary setup and reference pages stay available. */
.header-inner { gap: 18px; }
.header-navigation { align-items: center; gap: 18px; }
.navigation-role { padding: 3px 9px; border: 1px solid #59758b; border-radius: 3px; color: #dae9f2; font-size: 11px; white-space: nowrap; }
.primary-navigation { display: flex; align-items: center; gap: 22px; }
.header-navigation a { white-space: nowrap; }
.secondary-navigation { position: relative; }
.secondary-navigation > summary { color: #dbe5ed; padding: 7px 0; font-size: 13px; cursor: pointer; white-space: nowrap; }
.secondary-navigation > summary.has-current-page { color: white; border-bottom: 2px solid #59c0c7; }
.secondary-navigation-links { position: absolute; top: calc(100% + 10px); right: 0; z-index: 20; display: grid; width: 220px; padding: 9px; background: white; border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 8px 25px #17324d20; }
.header-navigation .secondary-navigation-links a { color: var(--navy); display: block; padding: 10px 12px; font-size: 13px; border: 0; border-radius: 2px; }
.header-navigation .secondary-navigation-links a:hover, .header-navigation .secondary-navigation-links a[aria-current] { background: #e8f3f4; color: #066a75; }
.work-context { margin: 0 0 24px; border: 1px solid #bdcfd9; border-top: 3px solid var(--teal); border-radius: 4px; background: white; overflow: hidden; }
.work-context-identity { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 21px; }
.work-context-label { display: block; font-size: 11px; color: var(--muted); margin-bottom: 4px; }
.work-context-identity strong { display: block; font-size: 17px; line-height: 1.5; color: var(--navy); }
.work-context-meta { display: block; color: var(--muted); font-size: 12px; margin-top: 4px; }
.work-context-navigation { display: flex; align-items: center; justify-content: space-between; gap: 10px 22px; padding: 0 21px; border-top: 1px solid #e1e9ee; background: #f8fafb; }
.work-context-navigation a { color: var(--teal); font-size: 13px; padding: 11px 0; }
.work-context-navigation .work-context-back { font-size: 12px; }
.work-context-stages { display: flex; flex-wrap: wrap; gap: 20px; }
.work-context-stages a[aria-current] { color: var(--navy); border-bottom: 3px solid var(--teal); font-weight: 700; }
.work-context-note { padding: 11px 21px; margin: 0; border-top: 1px solid #e1e9ee; color: var(--muted); font-size: 12px; }
@media (max-width: 1050px) {
  .header-navigation { width: 100%; justify-content: space-between; gap: 12px; }
  .primary-navigation { margin-right: auto; }
}
@media (max-width: 680px) {
  .header-navigation { gap: 9px 13px; }
  .navigation-role { font-size: 10px; padding: 2px 6px; }
  .primary-navigation { gap: 13px; }
  .primary-navigation a { font-size: 11px; padding: 6px 0; }
  .secondary-navigation > summary { font-size: 11px; padding: 6px 0; }
  .secondary-navigation-links { right: 0; top: calc(100% + 5px); width: 210px; }
  .work-context-identity { align-items: start; flex-wrap: wrap; padding: 15px; gap: 10px; }
  .work-context-identity strong { font-size: 15px; }
  .work-context-navigation { display: block; padding: 0 15px; }
  .work-context-navigation .work-context-back { display: inline-block; padding: 9px 0 3px; }
  .work-context-stages { gap: 15px; }
  .work-context-navigation a { font-size: 12px; padding: 9px 0; }
  .work-context-note { padding: 10px 15px; }
}