/* Shared customer navigation, including mobile access. */
.site-header { position: sticky; height: auto; }
.site-header .nav { min-height: 76px; height: auto; gap: 18px; }
.site-header .nav-links { margin-left: auto; }
.site-header .mobile-toggle { color: #fff; min-width: 64px; }
.customer-access-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 22px; padding: 8px 16px; background: #171b20; border-top: 1px solid #363b42; color: #fff; }
.customer-access-bar a { display: inline-flex; align-items: center; min-height: 38px; font-size: 14px; font-weight: 700; line-height: 1.4; }
.customer-access-bar a:hover, .customer-access-bar a:focus-visible { color: #dfc47e; text-decoration: underline; }
.customer-access-bar a:focus-visible { outline: 2px solid #dfc47e; outline-offset: 3px; }
.course-access-help { padding: 36px 0; background: #171b20; color: white; }
.course-access-help h2 { font-size: 30px; margin: 0 0 8px; }
.course-access-help p { font-size: 16px; }
.course-access-help a { display: inline-flex; padding: 12px 18px; margin: 8px 12px 0 0; border: 1px solid #dfc47e; color: #dfc47e; font-size: 16px; }
@media(max-width:860px) {
 .site-header .nav { min-height: 70px; }
 .site-header .nav-links { position: absolute; top: 100%; }
 .site-header .mobile-toggle { display: block; }
 .customer-access-bar { gap: 2px 15px; padding: 8px 12px; }
 .customer-access-bar a { min-height: 36px; }
}