/* Shared page-own section navigation (inc/umd-section-nav.php + static college pages). Scope: .umd-section-nav
   Horizontal full-width sticky bar under the hero; one row on wide screens, scrollable pill chips ≤1200px.
   Active = navy underline (chip: navy border + ice fill); hover/focus = gold underline + gold text. */
.umd-section-nav {
    --usn-navy: #253E85; --usn-navy-deep: #10224D; --usn-gold: #CFA868; --usn-gold-text: #8A6A2F; --usn-turq-text: #0E7F96;
    --usn-line: #DCE7F0; --usn-ice: #EEF3FB; --usn-accent: var(--usn-navy); --usn-top: 0px;
    position: sticky; top: var(--usn-top); z-index: 40;
    background: #fff; border-bottom: 1.5px solid var(--usn-line); box-shadow: 0 4px 20px rgba(15, 43, 76, .06);
    font-family: inherit; direction: inherit;
}
.umd-section-nav *, .umd-section-nav *::before, .umd-section-nav *::after { box-sizing: border-box; }
.umd-section-nav .usn-inner { width: min(100%, 1360px); margin-inline: auto; padding-inline: 20px; }
.umd-section-nav ul { display: flex; align-items: center; justify-content: center; gap: 0; margin: 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.umd-section-nav ul::-webkit-scrollbar { display: none; }
.umd-section-nav li { flex: 0 0 auto; margin: 0; padding: 0; }
.umd-section-nav li::before, .umd-section-nav li::marker { content: none; }
.umd-section-nav .usn-link { position: relative; display: inline-flex; align-items: center; gap: 7px; min-height: 58px; padding: 0 11px; color: var(--usn-navy) !important; font-size: .88rem; font-weight: 700; line-height: 1.3; white-space: nowrap; text-decoration: none !important; background: none; transition: color .2s ease, background-color .2s ease; }
.umd-section-nav .usn-link i:first-child { display: none; color: var(--usn-turq-text); font-size: .95rem; }
.umd-section-nav .usn-ext { display: none; font-size: .7rem; opacity: .5; }
.umd-section-nav .usn-link::after { content: ''; position: absolute; inset-inline: 11px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--usn-gold); transform: scaleX(0); transition: transform .25s ease; }
.umd-section-nav .usn-link:hover, .umd-section-nav .usn-link:focus-visible { color: var(--usn-gold-text) !important; }
.umd-section-nav .usn-link:hover::after, .umd-section-nav .usn-link:focus-visible::after { transform: scaleX(1); }
.umd-section-nav .usn-link.is-active { color: var(--usn-navy-deep) !important; }
.umd-section-nav .usn-link.is-active::after { background: var(--usn-accent); transform: scaleX(1); }
.umd-section-nav .usn-link:focus-visible { outline: 3px solid var(--usn-gold); outline-offset: -3px; border-radius: 8px; }
html[dir="ltr"] .umd-section-nav .usn-link { padding: 0 7px; font-size: .82rem; }
html[dir="ltr"] .umd-section-nav .usn-link::after { inset-inline: 7px; }

@media (max-width: 1200px) {
    .umd-section-nav ul { justify-content: flex-start; gap: 8px; padding-block: 10px; }
    .umd-section-nav .usn-link, html[dir="ltr"] .umd-section-nav .usn-link { min-height: 40px; padding: 0 14px; border: 1px solid var(--usn-line); border-radius: 999px; font-size: .85rem; }
    .umd-section-nav .usn-link i:first-child, .umd-section-nav .usn-ext { display: inline-block; }
    .umd-section-nav .usn-link::after, html[dir="ltr"] .umd-section-nav .usn-link::after { inset-inline: 16px; bottom: 4px; height: 2px; }
    .umd-section-nav .usn-link.is-active { border-color: var(--usn-accent); background: var(--usn-ice); }
}
@media (prefers-reduced-motion: reduce) { .umd-section-nav * { transition: none !important; } }

/* Pages that adopt the bar. The header (and its university main menu in #collegeHeaderNav) is never touched by this
   component — only the layout right below the hero is adjusted. */
.has-umd-section-nav .college-hero { padding-bottom: 3.2rem; }
.has-umd-section-nav .college-stats { margin-top: 28px; }
.has-umd-section-nav section[id], .has-umd-section-nav [id].college-sec { scroll-margin-top: 150px; }