/* Canonical navigation styles. Sync using scripts/sync-user-navigation.js. */
html { scroll-padding-top: 88px; }
body { margin:0; }
header.user-navigation { position:sticky;top:0;z-index:50;width:100%;max-width:none;margin:0;padding:0;display:block;border:0;border-bottom:1px solid #d4d9d8;background:#f3f3ee;color:#233345;font:16px/1.5 "Lume Web Sans",system-ui,sans-serif; }
.user-navigation .user-navigation-inner { box-sizing:border-box;max-width:1320px;min-height:72px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px; }
.user-navigation a { color:inherit;text-decoration:none; }
.user-navigation .user-navigation-brand { flex:0 0 auto;display:inline-block;margin:0;padding:4px 0;font-size:22px;line-height:1.2;font-weight:750;letter-spacing:2px;white-space:nowrap; }
.user-navigation .user-navigation-brand span { color:#b24f39;font:inherit;margin:0; }
.user-navigation nav { display:flex;flex:0 1 auto;align-items:center;gap:4px;margin:0;padding:0; }
.user-navigation nav a { display:block;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:7px;font-size:15px;font-weight:500;line-height:1.5;white-space:nowrap; }
.user-navigation nav a:hover,.module-navigation a:hover { background:#e3eaf0;color:#233345; }
.user-navigation nav a[aria-current="page"],.module-navigation a[aria-current="page"] { background:#e3eaf0;color:#285c92;font-weight:700;text-decoration:underline;text-underline-offset:5px; }
.user-navigation a:focus-visible,.user-navigation button:focus-visible,.module-navigation a:focus-visible,.support-navigation a:focus-visible { outline:3px solid #285c92;outline-offset:3px; }
.user-navigation .user-navigation-toggle { display:none;margin:0;min-height:44px;padding:8px 16px;border:1px solid #7e898e;border-radius:7px;background:transparent;color:#233345;font:inherit;cursor:pointer; }
.module-navigation,.support-navigation { box-sizing:border-box;max-width:1320px;margin:0 auto;padding:14px 32px;display:flex;flex-wrap:wrap;gap:8px;font:15px/1.5 system-ui,sans-serif; }
.module-navigation a,.support-navigation a { display:block;padding:10px 14px;border-radius:7px;color:#285c92;text-decoration:none; }
.support-navigation { border-bottom:1px solid #d4d9d8; }
.support-navigation a[href$="#new"] { background:#285c92;color:white; }
.navigation-message { max-width:800px;margin:40px auto;padding:24px;font:16px/1.7 system-ui,sans-serif;color:#233345; }
.navigation-message h1 { font-size:28px; }
@media(max-width:800px) {
 html { scroll-padding-top:80px; }
 .user-navigation .user-navigation-inner { padding:10px 16px;gap:12px;min-height:64px;flex-wrap:wrap; }
 .user-navigation .user-navigation-brand { font-size:20px; }
 .user-navigation nav { width:100%;display:flex;flex-direction:column;align-items:stretch;padding:4px 0; }
 .user-navigation nav a { white-space:normal; }
 .user-navigation.nav-ready .user-navigation-toggle { display:block; }
 .user-navigation.nav-ready nav { display:none; }
 .user-navigation.nav-ready.nav-open nav { display:flex;max-height:calc(100dvh - 96px);overflow:auto; }
 .module-navigation,.support-navigation { padding:12px 16px;gap:4px; }
 .module-navigation a,.support-navigation a { padding:10px; }
}

/* Approved original wordmark, fixed box prevents loading layout shift. */
.user-navigation .user-navigation-brand img{display:block;width:200px;height:46px;object-fit:contain}
@media(max-width:600px){.user-navigation .user-navigation-brand img{width:170px;height:39px}}

/* Original supplied wordmark in footer. */
footer .wordmark{display:inline-block;font-size:0!important;width:160px;height:37px;background:url(/brand/lumeforth-wordmark.svg) center/contain no-repeat}

/* Account language uses existing navigation focus and color tokens. */
.user-navigation .account-language{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px}.user-navigation .account-language a{padding:8px 2px;font-size:14px;letter-spacing:0}.account-language a[aria-current="true"]{font-weight:700;text-decoration:underline;text-underline-offset:4px}@media(max-width:800px){.user-navigation .account-language{margin-left:auto}}