/* OnsenConnect unified public header V4. All pages share the same header. */
:root{--oc-nav-bg:#061831;--oc-nav-border:#2a548d;--oc-nav-text:#edf6ff;--oc-nav-gold:#ffd079}
html{scroll-padding-top:76px}
body>.oc-topbar,body header.oc-topbar{
 position:sticky!important;top:0!important;z-index:9999!important;
 width:100%!important;margin:0!important;padding:0!important;
 background:#061831!important;background-image:linear-gradient(90deg,#05152d,#0b2853 68%,#10366c)!important;
 border:0!important;border-bottom:1px solid var(--oc-nav-border)!important;
 box-shadow:0 6px 24px rgba(0,5,25,.22)!important;
 color:var(--oc-nav-text)!important;
}
body>.oc-topbar .oc-topbar-inner,body header.oc-topbar .oc-topbar-inner{
 width:min(100% - 40px,1200px)!important;max-width:1200px!important;
 min-height:72px!important;margin:0 auto!important;
 padding:0!important;display:flex!important;align-items:center!important;
 justify-content:space-between!important;gap:22px!important;
}
body>.oc-topbar .oc-brand,body header.oc-topbar .oc-brand{
 display:inline-flex!important;align-items:center!important;gap:10px!important;
 flex:0 0 auto!important;color:#fff!important;text-decoration:none!important;
 font-size:17px!important;font-weight:850!important;line-height:1.1!important;
 letter-spacing:-.025em!important;
}
body>.oc-topbar .oc-brand-icon{
 width:39px!important;height:39px!important;border-radius:12px!important;
 display:grid!important;place-items:center!important;
 background:linear-gradient(140deg,#1fbbce,#1177c8)!important;
 color:#fff!important;font-size:22px!important;
 box-shadow:0 0 0 1px #85dfff55!important;
}
body>.oc-topbar .oc-brand small{
 display:block!important;margin-top:4px!important;color:#a9d5f7!important;
 font-size:9px!important;letter-spacing:.15em!important;font-weight:800!important
}
body>.oc-topbar .oc-main-nav{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 flex-wrap:wrap!important;gap:5px!important;min-width:0!important;
 margin:0!important;padding:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;
}
body>.oc-topbar .oc-main-nav>a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:10px 13px!important;min-height:40px!important;
 border:1px solid transparent!important;border-radius:9px!important;
 color:#edf6ff!important;background:transparent!important;
 font-size:13px!important;font-weight:750!important;line-height:1.2!important;
 text-decoration:none!important;white-space:nowrap!important;
}
body>.oc-topbar .oc-main-nav>a:hover,
body>.oc-topbar .oc-main-nav>a:focus-visible,
body>.oc-topbar .oc-main-nav>a[aria-current="page"]{
 color:#ffda87!important;background:rgba(255,205,105,.09)!important;
 border-color:rgba(255,207,109,.23)!important;
}
body>.oc-topbar .oc-menu-toggle{
 display:none!important;width:43px!important;height:43px!important;
 flex:0 0 43px!important;border:1px solid #4776a6!important;
 background:#123763!important;border-radius:10px!important;
 align-items:center!important;justify-content:center!important;flex-direction:column!important;
 gap:5px!important;padding:9px!important;cursor:pointer!important;
}
body>.oc-topbar .oc-menu-toggle span{
 display:block!important;width:20px!important;height:2px!important;
 background:#fff!important;border-radius:2px!important
}
/* Fix illegible old dark headings and controls on dark page background. */
body:has(.ocw) .ocw h1,body:has(.ocw) .ocw h2,body:has(.ocw) .ocw h3,
body:has(.ocw) .ocw .ocw-section-head,body:has(.ocw) .ocw .ocw-intro{
 color:#f1f7ff!important
}
body:has(.ocw) .ocw .ocw-hero h1,body:has(.ocw) .ocw .ocw-hero h2{color:#fff!important}
body:has(.ocw) .ocw .ocw-tools label,body:has(.ocw) .ocw .ocw-tools small{
 color:#c7ddf7!important
}
body:has(.ocw) .ocw .ocw-tools input,
body:has(.ocw) .ocw .ocw-tools select{
 color:#f5f9ff!important;background:#0b244b!important;border-color:#3b6597!important
}
body:has(.ocw) .ocw .ocw-tools input::placeholder{color:#aec7e7!important}
body:has(.ocw) .ocw .ocw-meta,body:has(.ocw) .ocw .ocw-lead,
body:has(.ocw) .ocw .ocw-muted{color:#b6cde9!important}
body:has(.ocw) .ocw .ocw-card h2,body:has(.ocw) .ocw .ocw-card h3,
body:has(.ocw) .ocw .ocw-feature h2,body:has(.ocw) .ocw .ocw-feature h3{color:#fff!important}
@media(max-width:920px){
 body>.oc-topbar .oc-topbar-inner{width:calc(100% - 28px)!important;min-height:62px!important}
 body>.oc-topbar .oc-menu-toggle{display:flex!important}
 body>.oc-topbar .oc-main-nav{
  display:none!important;position:absolute!important;top:calc(100% + 1px)!important;
  left:0!important;right:0!important;padding:12px 14px 18px!important;
  background:linear-gradient(150deg,#071932,#0e315f)!important;
  border-bottom:1px solid #386295!important;box-shadow:0 18px 30px #0006!important;
  max-height:calc(100dvh - 68px)!important;overflow-y:auto!important;
  flex-direction:column!important;align-items:stretch!important;gap:4px!important
 }
 body>.oc-topbar .oc-main-nav.is-open{display:flex!important}
 body>.oc-topbar .oc-main-nav>a{justify-content:flex-start!important;width:100%!important;padding:13px 15px!important;font-size:14px!important}
}