/* Shared by the static home and the Next.js interior pages. */
.mv-site-header { position: sticky; top: 0; z-index: 50; width: 100%; padding: 0 !important; border: 0 !important; background: oklch(0.33 0.055 160) !important; color: #fff; font-family: Arial, Helvetica, sans-serif; }
.mv-header-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; width: 100%; max-width: 1344px; margin: 0 auto; padding: 12px 32px; }
.mv-site-header .mv-brand { display: inline-flex; min-width: 0; gap: 12px; align-items: center; text-decoration: none; flex-shrink: 0; }
.mv-site-header .mv-brand > span:first-child { width: 52px; height: 52px; background: #fff; border-radius: 11px; overflow: hidden; }
.mv-site-header .mv-brand img { width: 100%; height: 100%; object-fit: contain; }
.mv-wordmark { font-family: Arial, Helvetica, sans-serif !important; font-size: 25px !important; font-weight: 750 !important; letter-spacing: -.045em; line-height: 1; color: inherit; white-space: nowrap; }
.mv-brand-accent { color: #f5a05c; }
.mv-site-header .mv-brand > span:last-child > span:last-child { display: block; margin-top: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 8px; line-height: 1.5; letter-spacing: .18em; color: #e0e9e0; text-transform: uppercase; }
.mv-header-controls { display: flex; align-items: flex-end; flex-direction: column; gap: 7px; }
.mv-main-nav { display: flex; align-items: center; position: static; gap: 18px !important; padding: 0; border: 0; background: transparent; font-size: 13px !important; }
.mv-main-nav a { display: inline-flex; align-items: center; min-height: 44px; color: #fff; font-weight: 500; text-decoration: none; }
.mv-main-nav a:hover, .mv-main-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.mv-main-nav a.mv-header-cta, .mv-mobile-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border-radius: 5px; padding: 10px 16px; background: #fff; color: oklch(0.33 0.055 160); font-size: 13px; font-weight: 700; text-decoration: none; }
.mv-site-header a:focus-visible, .mv-site-header button:focus-visible { outline: 3px solid #f5a05c; outline-offset: 3px; }
.mv-menu-toggle, .mv-mobile-cta { display: none; }
.mv-language-options { display: inline-flex; gap: 0; align-items: center; border: 1px solid #ffffff33; border-radius: 99px; }
.mv-site-header .mv-language-options a { display: inline-flex; width: 44px; min-width: 44px; height: 44px; padding: 0; align-items: center; justify-content: center; font-size: 24px; border-radius: 99px; text-decoration: none; }
.mv-language-options a[aria-current="page"] { background: #f5a05c; }
html { scroll-padding-top: 140px; }
[id="express-entry"], [id="provincial-programs"], [id="french-language"] { scroll-margin-top: 3rem; }
[id="express-entry"]:target, [id="provincial-programs"]:target, [id="french-language"]:target { outline: 3px solid #f5a05c; outline-offset: 6px; }
@media (max-width: 1099px) {
 .mv-header-inner { gap: 10px; padding: 10px 20px; }
 .mv-header-controls { flex-direction: row; align-items: center; gap: 7px; }
 .mv-menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #ffffff66; border-radius: 5px; color: #fff; background: transparent; flex-shrink: 0; }
 .mv-menu-toggle svg { width: 22px; height: 22px; }
 .mv-main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100dvh - 145px); overflow: auto; padding: 16px 20px; flex-direction: column; align-items: stretch; gap: 3px !important; background: oklch(0.33 0.055 160); border-top: 1px solid #ffffff33; box-shadow: 0 8px 12px #0003; }
 .mv-main-nav.open { display: flex; }
 .mv-main-nav a { padding: 10px 12px; }
 .mv-mobile-cta { display: inline-flex; width: 100%; min-height: 44px; }
}
@media (max-width: 479px) {
 .mv-header-inner { padding: 10px 12px; column-gap: 6px; }
 .mv-site-header .mv-brand { gap: 7px; }
 .mv-site-header .mv-brand > span:first-child { width: 34px; height: 34px; border-radius: 7px; }
 .mv-site-header .mv-wordmark { font-size: 18px !important; }
 .mv-site-header .mv-brand > span:last-child > span:last-child { display: none; }
 .mv-header-controls { gap: 3px; }
}
@media (max-width: 389px) {
 .mv-site-header .mv-wordmark { font-size: 16px !important; }
}
@media (max-width: 349px) {
 .mv-site-header .mv-brand > span:last-child { display: none; }
}

.mv-skip { position: fixed; left: 12px; top: -100px; z-index: 100; padding: 12px; background: white; color: #183329; }
.mv-skip:focus { top: 12px; }
.skip { z-index: 100; }