/* One consistent marketing header for homepage and secondary pages. */
header.nav{position:relative!important;top:auto!important;z-index:20!important;background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid #edf0f5!important;box-shadow:0 2px 18px #1520360b!important;padding:0 18px!important;min-height:92px!important;color:#263148!important}
header.nav>.wrap{width:100%!important;max-width:1290px!important;min-height:92px!important;margin:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:12px 0!important;flex-wrap:nowrap!important}
header.nav .brand.coduma-wordmark{display:flex!important;align-items:center!important;gap:12px!important;min-width:190px!important;flex-shrink:0!important;text-decoration:none!important}
header.nav .coduma-symbol-image{width:42px!important;height:42px!important;object-fit:contain!important}
header.nav .coduma-brand-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;line-height:1.1!important}
header.nav .coduma-name{font-size:24px!important;font-weight:850!important;color:#be2639!important;letter-spacing:-.045em!important}
header.nav .coduma-tagline{font-size:11px!important;color:#657187!important;font-weight:500!important;letter-spacing:0!important;margin:3px 0 0!important}
header.nav .coduma-logo-pronunciation,header.nav .coduma-tagline::after{font-size:10px!important;line-height:1.2!important;color:#c52235!important;font-weight:750!important;letter-spacing:.02em!important;margin-top:3px!important}
header.nav nav.links{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(9px,1.1vw,18px)!important;flex-wrap:nowrap!important;min-width:0!important;font-size:12px!important;font-weight:750!important}
header.nav nav.links a:not(.btn){color:#263148!important;text-decoration:none!important;white-space:nowrap!important}
header.nav nav.links a:not(.btn):hover{color:#c52235!important}
header.nav nav.links a.cf-nav-active:not(.btn){color:#be2038!important;background:#fff0f2!important;box-shadow:inset 0 -3px 0 #c52235!important;border-radius:9px!important;padding:9px 12px!important}
header.nav nav.links a.cf-home-link:not(.btn){background:transparent!important;box-shadow:none!important;color:#263148!important;padding:0!important}
header.nav nav.links .btn{background:linear-gradient(115deg,#bd2035,#e44350)!important;color:#fff!important;padding:13px 18px!important;border-radius:11px!important;box-shadow:0 12px 24px #bb20352a!important;white-space:nowrap!important}
@media(max-width:1060px){header.nav>.wrap{flex-wrap:wrap!important;justify-content:center!important}header.nav nav.links{flex-wrap:wrap!important;justify-content:center!important}}
@media(max-width:640px){header.nav nav.links{gap:10px!important}header.nav nav.links .btn{padding:9px 12px!important}}

/* Navigation must not inherit page-specific hero/container widths. */
html body header.nav{width:100%!important;margin:0!important;box-sizing:border-box!important}
html body header.nav>.wrap{width:min(1290px,calc(100% - 32px))!important;max-width:1290px!important;margin-left:auto!important;margin-right:auto!important}
html body header.nav nav.links{margin-left:auto!important}
@media(max-width:1060px){html body header.nav nav.links{margin-left:0!important}}

/* Canonical header final rules, identical regardless of page CSS */
html body header.nav{height:92px!important;min-height:92px!important;padding:0 18px!important;background:#fff!important}
html body header.nav>.wrap{height:92px!important;min-height:92px!important;padding:0!important;max-width:1290px!important;width:min(1290px,100%)!important}
html body header.nav .coduma-tagline::after{display:none!important;content:none!important}
html body header.nav .coduma-logo-pronunciation{display:block!important;margin-top:3px!important}
html body header.nav nav.links a.cf-nav-active:not(.btn){background:transparent!important;box-shadow:inset 0 -2px 0 #c52235!important;border-radius:0!important;padding:8px 0!important;color:#b72036!important}
html body header.nav nav.links a.cf-home-link:not(.btn){background:transparent!important;box-shadow:none!important}
@media(max-width:1060px){html body header.nav{height:auto!important}html body header.nav>.wrap{height:auto!important;min-height:92px!important;padding:12px 0!important}}

/* Readable, stable desktop header typography */
html body header.nav nav.links{font-size:15px!important;gap:clamp(12px,1.15vw,21px)!important;line-height:1.35!important}
html body header.nav nav.links a:not(.btn){font-size:15px!important;font-weight:750!important}
html body header.nav nav.links .btn{font-size:15px!important;padding:13px 19px!important}
html body header.nav .coduma-name{font-size:27px!important}
html body header.nav .coduma-tagline{font-size:12px!important}
html body header.nav .coduma-logo-pronunciation{font-size:11px!important}
html body header.nav>.wrap{max-width:1440px!important;width:min(1440px,100%)!important}
@media(max-width:1280px){html body header.nav nav.links{font-size:13px!important;gap:11px!important}html body header.nav nav.links a:not(.btn),html body header.nav nav.links .btn{font-size:13px!important}}
@media(max-width:1060px){html body header.nav nav.links{flex-wrap:wrap!important;justify-content:center!important}}