/* Simple one-row journal header, with native OJS menus. */
#headerNavigationContainer.kkp_modern_header { background: linear-gradient(110deg,#073454,#075777 70%,#087083); border: 0; box-shadow: 0 2px 12px #07345418; }
#headerNavigationContainer .pkp_head_wrapper { display: flex; align-items: center; gap: 24px; width: calc(100% - 64px); max-width: 1660px; min-height: 92px; margin: auto; padding: 0; position: relative; }
#headerNavigationContainer .pkp_site_name_wrapper { flex: 0 1 340px; min-width: 180px; width: auto; height: auto; padding: 14px 0; }
#headerNavigationContainer .pkp_site_name_wrapper::before, #headerNavigationContainer .pkp_site_name_wrapper::after { display: none; }
#headerNavigationContainer .pkp_site_name { position: static; width: auto; margin: 0; padding: 0; white-space: normal; background: transparent; text-align: left; }
#headerNavigationContainer .pkp_site_name .is_text { display: block; padding: 0; color: #fff; font-family: Georgia,serif; font-size: 24px; font-weight: 400; line-height: 1.15; text-decoration: none; }
#headerNavigationContainer .pkp_site_name .is_img { display: block; padding: 0; margin: 0; }
#headerNavigationContainer .pkp_site_name .is_img img { width: auto; height: auto; max-height: 50px; max-width: min(420px,45vw); object-fit: contain; }
#headerNavigationContainer .kkp_header_return { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 7px; }
#headerNavigationContainer .kkp_header_return a { color: #b8dbe7; font-size: 10px; line-height: 1.4; text-decoration: none; }
#headerNavigationContainer .kkp_header_return a:hover { color: #fff; text-decoration: underline; }
#headerNavigationContainer .pkp_site_nav_menu { display: flex; align-items: center; justify-content: flex-end; gap: 22px; flex: 1; min-width: 0; position: static; width: auto; margin: 0; padding: 0; background: transparent; }
#headerNavigationContainer .pkp_navigation_primary_row { background: transparent; min-width: 0; }
#headerNavigationContainer .pkp_navigation_primary_wrapper { width: auto; margin: 0; padding: 0; }
#headerNavigationContainer .pkp_navigation_primary_wrapper::before, #headerNavigationContainer .pkp_navigation_primary_wrapper::after { display: none; }
#headerNavigationContainer .pkp_navigation_primary { display: flex; align-items: center; gap: 7px; float: none; margin: 0; padding: 0; }
#headerNavigationContainer .pkp_navigation_primary > li { float: none; position: relative; }
#headerNavigationContainer .pkp_navigation_primary > li > a { display: block; border: 1px solid transparent; border-radius: 7px; padding: 9px 10px; margin: 0; white-space: nowrap; color: #ecf5fa; font-size: 13px; line-height: 20px; text-decoration: none; transition: background .18s ease, border-color .18s ease; }
#headerNavigationContainer .pkp_navigation_primary > li > a:hover, #headerNavigationContainer .pkp_navigation_primary > li > a:focus-visible { background: #ffffff0e; border-color: #ffffff4a; color: #fff; }
#headerNavigationContainer .pkp_navigation_primary ul, #headerNavigationContainer .pkp_navigation_user ul { background: #fff; border: 1px solid #dbe6ec; border-radius: 10px; box-shadow: 0 12px 30px #002e4530; padding: 6px; }
#headerNavigationContainer .pkp_navigation_primary ul a, #headerNavigationContainer .pkp_navigation_user ul a { color: #23465b; border-radius: 6px; }
#headerNavigationContainer .pkp_navigation_primary ul a:hover, #headerNavigationContainer .pkp_navigation_user ul a:hover { color: #07586f; background: #edf6f8; }
#headerNavigationContainer .pkp_navigation_user_wrapper { position: static; transform: none; display: flex; align-items: center; gap: 16px; width: auto; margin: 0; padding: 0; flex-shrink: 0; }
#headerNavigationContainer .pkp_navigation_user { display: flex; align-items: center; gap: 10px; width: auto; margin: 0; padding: 0; border: 0; }
#headerNavigationContainer .pkp_navigation_user > li > a { display: block; border: 1px solid #9ed5e87a; border-radius: 7px; margin: 0; padding: 9px 15px; color: #fff; background: transparent; font-size: 13px; line-height: 20px; text-decoration: none; transition: background .18s ease; }
#headerNavigationContainer .pkp_navigation_user > li:last-child > a { border-color: #009cec; background: #009cec; }
#headerNavigationContainer .pkp_navigation_user > li > a:hover { background: #ffffff1b; }
#headerNavigationContainer .pkp_navigation_user > li:last-child > a:hover { background: #008ad3; }
#headerNavigationContainer .kkp_header_search { position: relative; flex-shrink: 0; }
#headerNavigationContainer .kkp_search_toggle { display: none; align-items: center; justify-content: center; width: 36px; height: 40px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: #fff; font-size: 20px; cursor: pointer; transition: background .18s ease; }
#headerNavigationContainer .kkp_search_ready .kkp_search_toggle { display: flex; }
#headerNavigationContainer .kkp_search_toggle:hover { background: #ffffff13; }
#headerNavigationContainer .kkp_search_panel { width: 260px; }
#headerNavigationContainer .kkp_search_ready .kkp_search_panel { position: absolute; right: 36px; top: 0; z-index: 1100; width: 0; opacity: 0; visibility: hidden; overflow: hidden; transform: translateX(10px); transform-origin: right center; transition: width .32s cubic-bezier(.22,1,.36,1), opacity .2s ease, transform .32s ease, visibility .32s; }
#headerNavigationContainer .kkp_search_ready.is_open .kkp_search_panel { width: 270px; opacity: 1; visibility: visible; transform: translateX(0); }
#headerNavigationContainer .kkp_search_panel form { display: flex; align-items: center; width: 100%; height: 40px; margin: 0; padding: 0; border-radius: 7px; background: #fff; box-shadow: 0 5px 20px #022f4930; overflow: hidden; }
#headerNavigationContainer .kkp_search_panel input[type=search] { width: 100%; min-width: 0; height: 40px; padding: 9px 12px; border: 0; box-sizing: border-box; color: #163d54; background: transparent; font-size: 14px; }
#headerNavigationContainer .kkp_search_panel input:focus { outline: none; }
#headerNavigationContainer .kkp_search_panel button { flex: 0 0 32px; height: 30px; margin-right: 5px; border: 0; border-radius: 5px; background: #eaf5f8; color: #07586f; cursor: pointer; }
#headerNavigationContainer a:focus-visible, #headerNavigationContainer button:focus-visible { outline: 2px solid #91def2; outline-offset: 3px; }
#headerNavigationContainer .kkp_search_panel:focus-within { outline: 2px solid #91def2; outline-offset: 2px; border-radius: 7px; }
#headerNavigationContainer.kkp_portal_header { background: #fff; }
#headerNavigationContainer.kkp_portal_header .pkp_head_wrapper { max-width: 1220px; min-height: 76px; }
#headerNavigationContainer.kkp_portal_header .pkp_site_name_wrapper { flex: 1; }
#headerNavigationContainer.kkp_portal_header .pkp_site_name .is_text { color: #12465d; font-family: inherit; font-size: 20px; font-weight: 700; }
#headerNavigationContainer.kkp_portal_header .kkp_header_return a { color: #3f7085; }
#headerNavigationContainer.kkp_portal_header .pkp_navigation_user > li > a { color: #12536c; border-color: #bfdce6; }
#headerNavigationContainer.kkp_portal_header .pkp_navigation_user > li:last-child > a { color: #fff; border-color: #008fc6; background: #008fc6; }
@media (min-width: 1200px) { #headerNavigationContainer .pkp_site_nav_toggle { display: none; } }
@media (min-width: 1200px) and (max-width: 1499px) { #headerNavigationContainer .pkp_head_wrapper { width: calc(100% - 40px); gap: 16px; } #headerNavigationContainer .pkp_site_name_wrapper { flex-basis: 260px; } #headerNavigationContainer .pkp_site_name .is_text { font-size: 21px; } #headerNavigationContainer .pkp_navigation_primary { gap: 0; } #headerNavigationContainer .pkp_navigation_primary > li > a { padding: 9px 7px; font-size: 12px; } #headerNavigationContainer .pkp_site_nav_menu { gap: 14px; } #headerNavigationContainer .pkp_navigation_user_wrapper { gap: 10px; } }
@media (max-width: 1199px) {
 #headerNavigationContainer .pkp_head_wrapper { display: block; min-height: 74px; width: calc(100% - 28px); }
 #headerNavigationContainer .pkp_site_name_wrapper { padding: 14px 0 14px 46px; min-height: 74px; box-sizing: border-box; }
 #headerNavigationContainer .pkp_site_name .is_text { font-size: 21px; }
 #headerNavigationContainer .pkp_site_nav_toggle { display: block; top: 17px; left: 0; }
 #headerNavigationContainer .pkp_site_nav_menu { display: none; padding: 6px 0 16px; }
 #headerNavigationContainer .pkp_site_nav_menu--isOpen { display: flex; align-items: stretch; flex-direction: column; gap: 12px; }
 #headerNavigationContainer .pkp_navigation_primary { display: block; }
 #headerNavigationContainer .pkp_navigation_primary > li > a { padding: 9px 10px; }
 #headerNavigationContainer .pkp_navigation_primary ul { position: static; width: auto; margin: 6px 0; }
 #headerNavigationContainer .pkp_navigation_user_wrapper { justify-content: flex-end; }
 #headerNavigationContainer .kkp_search_ready.is_open .kkp_search_panel { width: min(270px,calc(100vw - 80px)); }
 #headerNavigationContainer .kkp_search_ready .kkp_search_panel { top: auto; bottom: 48px; right: -4px; }
 #headerNavigationContainer.kkp_portal_header .pkp_site_nav_toggle { color: #12536c; }
}
@media (prefers-reduced-motion: reduce) { #headerNavigationContainer *, #headerNavigationContainer *::before { transition: none !important; } }
/* Replace the older portal CSS-generated logo with one real logo. */
#headerNavigationContainer.kkp_portal_header .pkp_site_name .is_text::before,
#headerNavigationContainer.kkp_portal_header .pkp_site_name .is_text::after { display: none !important; content: none !important; }
#headerNavigationContainer.kkp_portal_header .pkp_site_name .kkp_portal_brand { display: flex !important; align-items: center; gap: 12px; font-size: 16px !important; line-height: 1.4; }
#headerNavigationContainer.kkp_portal_header .kkp_portal_brand img { display: block; width: 44px; height: 44px; flex: 0 0 44px; object-fit: contain; }
#headerNavigationContainer.kkp_portal_header .pkp_navigation_primary_row { display: none; }
@media (max-width: 1199px) {
 #headerNavigationContainer.kkp_portal_header .pkp_head_wrapper { display: block !important; }
 #headerNavigationContainer.kkp_portal_header .pkp_site_name_wrapper { padding: 14px 0 14px 46px !important; }
 #headerNavigationContainer.kkp_portal_header .pkp_site_nav_toggle { display: block !important; color: #12536c; }
 #headerNavigationContainer.kkp_portal_header .pkp_site_nav_menu:not(.pkp_site_nav_menu--isOpen) { display: none !important; }
 #headerNavigationContainer.kkp_portal_header .pkp_site_nav_menu--isOpen { display: flex !important; }
 #headerNavigationContainer.kkp_portal_header .pkp_navigation_user > li:first-child { display: block; }
 #headerNavigationContainer.kkp_portal_header .kkp_portal_brand { font-size: 14px !important; }
}
#headerNavigationContainer.kkp_portal_header .pkp_site_nav_toggle > span { border-color: #12536c; }
#headerNavigationContainer.kkp_portal_header .pkp_site_nav_toggle > span::before,
#headerNavigationContainer.kkp_portal_header .pkp_site_nav_toggle > span::after { background: #12536c; }
/* Reference refinement: Poppins, ministry logo, and a search that takes layout space. */
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url('../public/site/portal/fonts/poppins-400.ttf') format('truetype'); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url('../public/site/portal/fonts/poppins-500.ttf') format('truetype'); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url('../public/site/portal/fonts/poppins-600.ttf') format('truetype'); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url('../public/site/portal/fonts/poppins-700.ttf') format('truetype'); }
#headerNavigationContainer { font-family: Poppins, sans-serif; }
#headerNavigationContainer.kkp_journal_header { background: linear-gradient(110deg,#073354,#063d65 55%,#06647d); }
#headerNavigationContainer .pkp_head_wrapper { max-width: 1740px; gap: 22px; min-height: 106px; }
#headerNavigationContainer .pkp_site_name_wrapper { flex: 1 1 380px; min-width: 240px; max-width: 470px; }
#headerNavigationContainer .pkp_site_name { display: flex; align-items: center; gap: 10px; }
#headerNavigationContainer .kkp_back_portal { flex: 0 0 26px; padding-right: 10px; border-right: 1px solid #55c8e370; color: #b6e0ec; font-size: 26px; line-height: 40px; text-align: center; text-decoration: none; transition: color .2s ease, background .2s ease; }
#headerNavigationContainer .kkp_back_portal:hover { color: #fff; background: #ffffff0c; }
#headerNavigationContainer .pkp_site_name .kkp_journal_brand { display: flex; align-items: center; gap: 20px; font-family: Poppins,sans-serif; font-size: 25px; line-height: 1.15; font-weight: 700; }
#headerNavigationContainer .kkp_journal_brand img { flex: 0 0 60px; width: 60px; height: 60px; object-fit: contain; }
#headerNavigationContainer .kkp_journal_brand > span { border-left: 1px solid #55c8e380; padding-left: 20px; }
#headerNavigationContainer .pkp_site_nav_menu { flex: 0 1 auto; margin-left: auto; gap: 24px; }
#headerNavigationContainer .pkp_navigation_primary > li > a { font-family: Poppins,sans-serif; font-size: 14px; padding: 10px 12px; border-radius: 12px; }
#headerNavigationContainer .pkp_navigation_user_wrapper { gap: 16px; }
#headerNavigationContainer .pkp_navigation_user { gap: 8px; }
#headerNavigationContainer .pkp_navigation_user > li > a { border: 0; border-radius: 24px; font-family: Poppins,sans-serif; font-size: 14px; padding: 11px 14px; }
#headerNavigationContainer .pkp_navigation_user > li:last-child > a { padding-left: 23px; padding-right: 23px; background: #139ed8; }
#headerNavigationContainer .kkp_header_search { display: flex; align-items: center; flex-direction: row-reverse; gap: 0; border-left: 1px solid #50c8e24d; border-right: 1px solid #50c8e24d; padding: 0 14px; }
#headerNavigationContainer .kkp_search_toggle { width: 34px; height: 44px; font-size: 22px; }
#headerNavigationContainer .kkp_search_ready .kkp_search_panel { position: static; top: auto; bottom: auto; right: auto; flex-shrink: 0; width: 0; margin-right: 0; opacity: 0; visibility: hidden; transform: none; transition: width .4s cubic-bezier(.22,1,.36,1), margin .4s cubic-bezier(.22,1,.36,1), opacity .24s ease, visibility .4s; }
#headerNavigationContainer .kkp_search_ready.is_open .kkp_search_panel { width: clamp(150px,12vw,220px); margin-right: 10px; opacity: 1; visibility: visible; transform: none; }
#headerNavigationContainer .kkp_search_panel form { box-shadow: none; }
#headerNavigationContainer .kkp_search_panel input[type=search] { font-family: Poppins,sans-serif; font-size: 12px; }
#headerNavigationContainer.kkp_portal_header .pkp_site_name_wrapper { max-width: none; }
#headerNavigationContainer.kkp_portal_header .pkp_site_name .kkp_portal_brand { font-family: Poppins,sans-serif; }
@media (min-width: 1200px) and (max-width: 1599px) {
 #headerNavigationContainer .pkp_head_wrapper { gap: 12px; width: calc(100% - 32px); }
 #headerNavigationContainer .pkp_site_name_wrapper { min-width: 240px; flex-basis: 340px; }
 #headerNavigationContainer .pkp_site_name .kkp_journal_brand { gap: 10px; font-size: 19px; }
 #headerNavigationContainer .kkp_journal_brand img { flex-basis: 48px; width: 48px; height: 48px; }
 #headerNavigationContainer .kkp_journal_brand > span { padding-left: 10px; }
 #headerNavigationContainer .pkp_navigation_primary { gap: 0; }
 #headerNavigationContainer .pkp_navigation_primary > li > a { font-size: 11px; padding: 10px 7px; }
 #headerNavigationContainer .pkp_site_nav_menu { gap: 12px; }
 #headerNavigationContainer .pkp_navigation_user_wrapper { gap: 8px; }
 #headerNavigationContainer .pkp_navigation_user > li > a { font-size: 12px; padding: 10px; }
 #headerNavigationContainer .pkp_navigation_user > li:last-child > a { padding: 10px 16px; }
 #headerNavigationContainer .kkp_header_search { padding: 0 8px; }
}
@media (max-width: 1199px) {
 #headerNavigationContainer .pkp_head_wrapper { min-height: 84px; }
 #headerNavigationContainer .pkp_site_name_wrapper { max-width: none; padding-top: 14px; padding-bottom: 14px; }
 #headerNavigationContainer .pkp_site_name .kkp_journal_brand { gap: 10px; font-size: 17px; }
 #headerNavigationContainer .kkp_journal_brand img { flex-basis: 40px; width: 40px; height: 40px; }
 #headerNavigationContainer .kkp_journal_brand > span { padding-left: 10px; }
 #headerNavigationContainer .kkp_back_portal { flex-basis: 18px; padding-right: 6px; font-size: 22px; }
 #headerNavigationContainer .pkp_site_nav_menu { margin-left: 0; }
 #headerNavigationContainer .pkp_navigation_primary > li > a { font-size: 13px; }
 #headerNavigationContainer .pkp_navigation_user_wrapper { flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
 #headerNavigationContainer .kkp_search_ready.is_open .kkp_search_panel { width: clamp(110px,30vw,190px); }
 #headerNavigationContainer .pkp_navigation_user > li > a { font-size: 12px; padding: 10px 12px; }
 #headerNavigationContainer .kkp_header_search { padding: 0 7px; }
}

/* Compact navbar with a circular portal-return control. */
#headerNavigationContainer.kkp_modern_header { position: relative; z-index: 20; box-shadow: 0 5px 16px rgba(3,35,55,.22), 0 1px 3px rgba(3,35,55,.12); }
#headerNavigationContainer .pkp_head_wrapper { min-height: 76px; }
#headerNavigationContainer .pkp_site_name_wrapper { padding-top: 10px; padding-bottom: 10px; }
#headerNavigationContainer .pkp_site_name .kkp_journal_brand { font-size: 22px; gap: 16px; }
#headerNavigationContainer .kkp_journal_brand img { width: 48px; height: 48px; flex-basis: 48px; }
#headerNavigationContainer .kkp_journal_brand > span { padding-left: 16px; }
#headerNavigationContainer .kkp_back_portal { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; padding: 0; border: 1px solid #9bd5e55c; border-radius: 50%; background: #ffffff06; color: #c1e7ef; line-height: 1; transition: background .2s ease, color .2s ease, border-color .2s ease; }
#headerNavigationContainer .kkp_back_portal:hover { background: #ffffff18; color: #fff; border-color: #b6eaf2; }
#headerNavigationContainer .kkp_back_portal svg { display: block; width: 18px; height: 18px; }
#headerNavigationContainer .pkp_navigation_primary > li > a { padding-top: 7px; padding-bottom: 7px; }
#headerNavigationContainer .pkp_navigation_user > li > a { padding-top: 8px; padding-bottom: 8px; }
#headerNavigationContainer .kkp_search_toggle { height: 36px; font-size: 20px; }
#headerNavigationContainer .kkp_search_panel form, #headerNavigationContainer .kkp_search_panel input[type=search] { height: 36px; }
@media (min-width:1200px) and (max-width:1599px) {
 #headerNavigationContainer .pkp_site_name .kkp_journal_brand { font-size: 18px; gap: 10px; }
 #headerNavigationContainer .kkp_journal_brand img { width: 42px; height: 42px; flex-basis: 42px; }
 #headerNavigationContainer .kkp_journal_brand > span { padding-left: 10px; }
}
@media (max-width:1199px) {
 #headerNavigationContainer .pkp_head_wrapper { min-height: 68px; }
 #headerNavigationContainer .pkp_site_name_wrapper { min-height: 68px; padding-top: 10px; padding-bottom: 10px; }
 #headerNavigationContainer .pkp_site_name .kkp_journal_brand { font-size: 16px; gap: 8px; }
 #headerNavigationContainer .kkp_journal_brand img { width: 36px; height: 36px; flex-basis: 36px; }
 #headerNavigationContainer .kkp_journal_brand > span { padding-left: 8px; }
 #headerNavigationContainer .kkp_back_portal { flex-basis: 28px; width: 28px; height: 28px; }
 #headerNavigationContainer .pkp_site_nav_toggle { top: 14px; }
}

/* One aligned flex row for the collapsed header at every mobile width. */
@media (max-width:1199px) {
 #headerNavigationContainer .pkp_site_name_wrapper,
 #headerNavigationContainer.kkp_portal_header .pkp_site_name_wrapper { display: flex !important; align-items: center; gap: 8px; min-width: 0; min-height: 68px; padding: 10px 0 !important; box-sizing: border-box; }
 #headerNavigationContainer .pkp_site_nav_toggle { position: static; flex: 0 0 36px; width: 36px; height: 36px; margin: 0; padding: 0; box-shadow: none; }
 #headerNavigationContainer .pkp_site_nav_toggle > span { left: 18px; top: 18px; }
 #headerNavigationContainer .pkp_site_nav_toggle { position: relative; top: auto; left: auto; right: auto; bottom: auto; }
 #headerNavigationContainer .pkp_site_name { flex: 1; min-width: 0; align-items: center; gap: 8px; }
 #headerNavigationContainer .pkp_site_name .kkp_journal_brand { flex: 1; min-width: 0; align-items: center; }
 #headerNavigationContainer .kkp_journal_brand > span { min-width: 0; overflow-wrap: anywhere; }
 #headerNavigationContainer .pkp_site_name .kkp_portal_brand { min-width: 0; }
 #headerNavigationContainer .kkp_portal_brand > span { min-width: 0; overflow-wrap: anywhere; }
}

/* Smaller journal titles keep the navigation bar compact on narrow screens. */
#headerNavigationContainer .pkp_site_name .kkp_journal_brand { font-size: 20px; line-height: 1.2; }
@media (min-width:1200px) and (max-width:1599px) { #headerNavigationContainer .pkp_site_name .kkp_journal_brand { font-size: 16px; } }
@media (max-width:1199px) { #headerNavigationContainer .pkp_site_name .kkp_journal_brand { font-size: 14px; line-height: 1.25; } }
@media (max-width:480px) { #headerNavigationContainer .pkp_site_name .kkp_journal_brand { font-size: 12px; line-height: 1.25; } }

/* Keep navigation visible while scrolling the document. */
#headerNavigationContainer.kkp_modern_header { position: sticky !important; top: 0; z-index: 10000; }
body .pkp_structure_page { overflow: visible; }
body.pkp_page_index .pkp_structure_page { overflow-x: clip !important; overflow-y: visible !important; }
@media (max-width:1199px) { #headerNavigationContainer .pkp_site_nav_menu--isOpen { max-height: calc(100dvh - 80px); overflow-y: auto; overscroll-behavior: contain; } }

/* Rounded floating glass navigation with visible side margins. */
#headerNavigationContainer.kkp_modern_header { width: calc(100% - 32px) !important; max-width: 1800px !important; margin: 12px auto !important; top: 12px; border-radius: 20px; background: rgba(5,57,81,.84) !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid #ffffff28 !important; box-shadow: 0 8px 28px #002e4926 !important; }
#headerNavigationContainer.kkp_portal_header { background: rgba(255,255,255,.74) !important; border-color: #ffffffab !important; }
#headerNavigationContainer.kkp_portal_header .pkp_head_wrapper { width: calc(100% - 36px) !important; }
@media(max-width:700px) { #headerNavigationContainer.kkp_modern_header { width: calc(100% - 16px) !important; margin: 8px auto !important; top: 8px; border-radius: 16px; } }

/* Portal glass sits directly over the marine hero. */
#headerNavigationContainer.kkp_portal_header.kkp_header_over_hero { background: rgba(255,255,255,.2) !important; border-color: #ffffff5e !important; }
#headerNavigationContainer.kkp_portal_header.kkp_header_over_hero .pkp_site_name .kkp_portal_brand { color: #fff !important; }
#headerNavigationContainer.kkp_portal_header.kkp_header_over_hero .pkp_navigation_user > li > a { color: #fff !important; }
#headerNavigationContainer.kkp_portal_header.kkp_header_over_hero .pkp_site_nav_toggle > span { border-color: #fff; }
#headerNavigationContainer.kkp_portal_header.kkp_header_over_hero .pkp_site_nav_toggle > span::before,
#headerNavigationContainer.kkp_portal_header.kkp_header_over_hero .pkp_site_nav_toggle > span::after { background: #fff; }
/* Compact journal titles and header spacing. */
#headerNavigationContainer.kkp_journal_header .pkp_head_wrapper { min-height:64px; }
#headerNavigationContainer.kkp_journal_header .pkp_site_name_wrapper { padding-top:8px; padding-bottom:8px; }
#headerNavigationContainer.kkp_journal_header .pkp_site_name .kkp_journal_brand { font-size:16px; line-height:1.2; gap:12px; }
#headerNavigationContainer.kkp_journal_header .kkp_journal_brand > span { padding-left:12px; }
#headerNavigationContainer.kkp_journal_header .kkp_journal_brand img { width:40px; height:40px; flex-basis:40px; }
@media(min-width:1200px) and (max-width:1599px) {
 #headerNavigationContainer.kkp_journal_header .pkp_site_name .kkp_journal_brand { font-size:14px; }
}
@media(max-width:1199px) {
 #headerNavigationContainer.kkp_journal_header .pkp_site_name_wrapper { min-height:60px; padding:8px 0 !important; }
 #headerNavigationContainer.kkp_journal_header .pkp_head_wrapper { min-height:60px; }
 #headerNavigationContainer.kkp_journal_header .pkp_site_name .kkp_journal_brand { font-size:12px; gap:8px; }
 #headerNavigationContainer.kkp_journal_header .kkp_journal_brand > span { padding-left:8px; }
 #headerNavigationContainer.kkp_journal_header .kkp_journal_brand img { width:32px; height:32px; flex-basis:32px; }
}
@media(max-width:480px) { #headerNavigationContainer.kkp_journal_header .pkp_site_name .kkp_journal_brand { font-size:11px; } }

/* Portal navigation uses dark ink on light surfaces, including sticky scroll state. */
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero){background:rgba(255,255,255,.96)!important;border-color:#d7e5ec!important}
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_site_name .kkp_portal_brand,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_navigation_primary>li>a,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_navigation_user>li>a,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .kkp_search_toggle,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .kkp_back_portal,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .kkp_header_return a{color:#16465e!important}
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_navigation_primary>li>a:hover,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_navigation_primary>li>a:focus-visible,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_navigation_user>li>a:hover,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .kkp_search_toggle:hover{background:#e8f3f7;border-color:#bfdce6}
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_navigation_user>li:last-child>a{color:#fff!important;background:#087fb5!important}
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_navigation_user>li:last-child>a:hover{background:#06648f!important}
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_site_nav_toggle>span{border-color:#16465e!important}
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_site_nav_toggle>span::before,
#headerNavigationContainer.kkp_portal_header:not(.kkp_header_over_hero) .pkp_site_nav_toggle>span::after{background:#16465e!important}
#headerNavigationContainer.kkp_portal_header .pkp_navigation_primary ul a,
#headerNavigationContainer.kkp_portal_header .pkp_navigation_user ul a{color:#23465b!important}