.svlf-home .lrn-header .svlf-header-container { max-width: 1640px; margin-inline: auto; }
.svlf-home .lrn-header .lrn-header-logo img { width: 205px; max-width: 205px; height: auto; }
.svlf-home .lrn-header .svlf-seo-nav { display: none; flex: 1 0 auto; }
.svlf-home .lrn-header .svlf-nav-list,
.svlf-home .popup-mobile-menu .svlf-nav-list,
.svlf-home .svlf-nav-dropdown { list-style: none; margin: 0; padding: 0; }
.svlf-home .lrn-header .svlf-seo-nav > .svlf-nav-list { display: flex; align-items: center; gap: 12px; }
.svlf-home .svlf-seo-nav .svlf-nav-item { position: relative; }
.svlf-home .svlf-seo-nav .svlf-nav-heading { display: flex; align-items: center; border-radius: 10px; }
.svlf-home .svlf-seo-nav .svlf-nav-heading > a,
.svlf-home .svlf-seo-nav .svlf-nav-toggle { color: #fff; font-size: 17px; font-weight: 600; line-height: 1.3; }
.svlf-home .svlf-seo-nav .svlf-nav-heading > a { display: block; padding: 14px 4px 14px 7px; white-space: nowrap; text-decoration: none; }
.svlf-home .svlf-seo-nav .svlf-nav-toggle { background: transparent; border: 0; padding: 14px 5px 14px 1px; }
.svlf-home .svlf-seo-nav .svlf-nav-heading:hover,
.svlf-home .svlf-seo-nav .svlf-nav-item:focus-within > .svlf-nav-heading { background: rgba(255,255,255,.14); }
.svlf-home .svlf-nav-toggle i { display: block; transition: transform .2s ease; }
.svlf-home .svlf-nav-item.is-open > .svlf-nav-heading .svlf-nav-toggle i { transform: rotate(180deg); }
.svlf-home .svlf-seo-nav .svlf-nav-dropdown { position: absolute; z-index: 1001; top: 100%; left: 0; display: none; width: max-content; min-width: 245px; max-width: min(440px, 90vw); max-height: min(72vh, 650px); overflow-y: auto; padding: 10px; background: #fff; border: 1px solid #b8c9dc; border-radius: 18px; box-shadow: inset 0 0 0 5px #f3f7fc, 0 18px 42px rgba(16,48,91,.16); }
.svlf-home .svlf-seo-nav .svlf-nav-item:hover > .svlf-nav-dropdown,
.svlf-home .svlf-seo-nav .svlf-nav-item:focus-within > .svlf-nav-dropdown,
.svlf-home .svlf-seo-nav .svlf-nav-item.is-open > .svlf-nav-dropdown { display: block; }
.svlf-home .svlf-nav-dropdown > li { margin: 0; }
.svlf-home .svlf-seo-nav .svlf-nav-dropdown a { position: relative; display: block; color: #263b59; font-size: 18px; font-weight: 500; line-height: 1.5; padding: 10px 12px 10px 30px; border-radius: 7px; text-decoration: none; }
/* Decorative bullets align with the first line of wrapped course/location names. */
.svlf-home .svlf-seo-nav .svlf-nav-dropdown a::before,
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-dropdown a::before { content: ""; position: absolute; left: 12px; top: calc(10px + .75em - 3px); width: 6px; height: 6px; border-radius: 50%; background: #1675ee; pointer-events: none; }
.svlf-home .svlf-seo-nav .svlf-nav-dropdown a:hover,
.svlf-home .svlf-seo-nav .svlf-nav-dropdown a:focus-visible { color: #043f9e; background: #edf5ff; }
.svlf-home .svlf-seo-nav .svlf-nav-dropdown a:hover::before,
.svlf-home .svlf-seo-nav .svlf-nav-dropdown a:focus-visible::before,
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-dropdown a:hover::before,
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-dropdown a:focus-visible::before { background: #043f9e; }
.svlf-home .svlf-nav-heading a:focus-visible,
.svlf-home .svlf-nav-toggle:focus-visible,
.svlf-home .svlf-nav-dropdown a:focus-visible { outline: 2px solid #ffb21c; outline-offset: 2px; }

@media (min-width: 1700px) {
  .svlf-home .lrn-header .svlf-seo-nav { display: block; }
  .svlf-home .lrn-header .lrn-header-left { gap: 32px; }
  .svlf-home .lrn-header .lrn-search-3 { flex: 0 1 300px; width: 300px; min-width: 250px; max-width: 300px; }
}

@media (max-width: 1699px) {
  .svlf-home .lrn-header .lrn-header-logo img { width: 175px; max-width: 175px; }
}

@media (max-width: 767px) {
  .svlf-home .lrn-header .lrn-header-logo img { width: 125px; max-width: 125px; }
}
@media (max-width: 359px) {
  .svlf-home .lrn-header .lrn-header-logo img { width: 96px; max-width: 96px; }
  .svlf-home .lrn-header .lrn-header-left { gap: 4px; }
  .svlf-home .lrn-header .lrn-header-wrapper { gap: 6px; }
  .svlf-home .lrn-header .svlf-header-login .lrn-gradient-btn { padding-inline: 7px; }
}

.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav { padding: 12px 24px 20px; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-item { border-bottom: 1px solid #e7edf6; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-heading { display: flex; align-items: center; justify-content: space-between; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-heading > a { flex: 1; display: block; padding: 14px 0; color: #10223f; font-size: 16px; font-weight: 600; text-decoration: none; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-toggle { width: 44px; min-height: 44px; color: #043f9e; background: transparent; border: 0; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-dropdown { display: none; margin: 0 0 12px; padding: 6px; background: #fff; border: 1px solid #d6e1ed; border-radius: 12px; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-item.is-open > .svlf-nav-dropdown { display: block; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-dropdown a { position: relative; display: block; padding: 10px 8px 10px 30px; color: #334760; font-size: 16px; font-weight: 500; line-height: 1.5; border-radius: 7px; text-decoration: none; }
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-dropdown a:hover,
.svlf-home .popup-mobile-menu .svlf-mobile-seo-nav .svlf-nav-dropdown a:focus-visible { color: #043f9e; background: #edf5ff; }