/* In-page navigation shared by service, pricing and management-course pages. */
.section-nav { position: sticky; top: calc(var(--header) + var(--announcement-height, 0px)); z-index: 50; display: block; padding: 0; border-bottom: 1px solid var(--line); background: oklch(99% .003 255 / .96); backdrop-filter: blur(.75rem); }
.section-nav .wrap { display: flex; flex-wrap: nowrap; gap: var(--space-2); padding-block: var(--space-3); overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
.section-nav .wrap::-webkit-scrollbar { display: none; }
.section-nav a { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: var(--control); padding: 0 var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); color: var(--muted); font-size: var(--text-sm); font-weight: 700; transition: border-color 180ms var(--ease-out), color 180ms var(--ease-out); }
.section-nav a:hover { border-color: var(--cyan-600, var(--accent-600)); color: var(--cyan-600, var(--accent-600)); transform: none; }
.section-nav a[aria-current="location"] { border-color: var(--navy-900, var(--brand-900)); background: var(--navy-900, var(--brand-900)); color: var(--white); }
.section-nav a:focus-visible { outline: 3px solid var(--cyan-500, var(--accent-500)); outline-offset: -3px; }
.section-nav-page section[id] { scroll-margin-top: calc(var(--header) + var(--control) + var(--space-6) + var(--space-4) + 1px); }
@media (min-width: 48rem) {
  .section-nav { position: static; background: transparent; backdrop-filter: none; border-bottom: 0; }
  .section-nav-page section[id] { scroll-margin-top: calc(var(--header) + var(--space-4)); }
}
@media (prefers-reduced-motion: reduce) {
  .section-nav a { transition: none; }
}