/* Header 172: one blue surface with the logo as a white badge. Loaded last, because older header layers style the bare header element. */
header.h172{position:relative!important;z-index:30!important;background:#1F3E79!important;color:#fff;border:0!important;box-shadow:none!important;font-family:inherit}
.h172-wrap{max-width:1180px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.h172-util{border-bottom:1px solid rgba(255,255,255,.14)}
.h172-util .h172-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
.h172-tag{font-size:12px;font-weight:800;letter-spacing:.8px;color:#c4e39b}
.h172-crests{display:flex;gap:10px;align-items:center}
.h172-crests img{display:block;height:24px;width:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.h172-main .h172-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px}
.h172-badge{flex:0 0 auto;display:block;background:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 6px 16px rgba(0,0,0,.22);line-height:0}
.h172-badge img{display:block;height:70px;width:auto}
.h172-badge:focus-visible{outline:3px solid #c4e39b;outline-offset:3px}
.h172-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px}
header.h172 .h172-nav a{display:block;padding:10px 11px;border-radius:8px;color:#fff!important;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.3px;white-space:nowrap;background:none;box-shadow:none;transform:none}
header.h172 .h172-nav a:hover{background:rgba(255,255,255,.1)}
header.h172 .h172-nav a.on{background:rgba(255,255,255,.16);text-decoration:underline;text-decoration-color:#8cc63f;text-decoration-thickness:3px;text-underline-offset:7px}
header.h172 .h172-nav a.h172-defi{background:#65A32D}
header.h172 .h172-nav a.h172-defi:hover,header.h172 .h172-nav a.h172-defi.on{background:#558d24;box-shadow:none}
header.h172 .h172-nav a:focus-visible{outline:2px solid #c4e39b;outline-offset:2px}
.h172-toggle{display:none;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-weight:800;font-size:14px;letter-spacing:.4px;cursor:pointer}
.h172-toggle span{font-size:18px;line-height:1}
/* The start page hero continues the header blue without a seam. */
header.h172+main .home-hero,header.h172+main>.home-hero{border-top:0!important}
@media(max-width:1100px){.h172-main .h172-wrap{min-height:92px}.h172-badge img{height:60px}header.h172 .h172-nav a{padding:9px 9px;font-size:12px}}
@media(max-width:900px){
 .h172-main .h172-wrap{flex-wrap:wrap;min-height:0;padding-top:12px;padding-bottom:12px}
 .h172-toggle{display:inline-flex}
 .h172-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:2px;padding:6px 0 4px}
 .h172-nav.open{display:flex}
 header.h172 .h172-nav a{padding:13px 12px;font-size:14px}
 .h172-badge img{height:54px}
}
@media(max-width:560px){.h172-tag{font-size:11px;letter-spacing:.4px}.h172-util .h172-wrap{padding:0 16px}.h172-main .h172-wrap{padding-left:16px;padding-right:16px}.h172-badge{padding:6px 9px}.h172-badge img{height:46px}.h172-crests{gap:7px}.h172-crests img{height:20px}}
@media(max-width:420px){.h172-tag{display:none}.h172-util .h172-wrap{justify-content:flex-end}}