/* Shared sitemap navigation, based on the OTT home header. */
.container.fixed_header{padding-top:0!important}
#ottSiteHeader{--ow-blue:#163bba;display:flex;align-items:center;gap:24px;padding:0 3%;height:96px;background:#163bba;color:white;position:sticky;top:0;z-index:1010;box-sizing:border-box;font-family:inherit;border-bottom:1px solid #ffffff22}
#ottSiteHeader *{box-sizing:border-box}
#ottSiteHeader [hidden]{display:none!important}
#ottSiteHeader a{color:inherit;text-decoration:none;white-space:nowrap}
#ottSiteHeader ul{list-style:none;margin:0;padding:0}
#ottSiteHeader .osh-logo{flex:none;width:180px;display:flex}
#ottSiteHeader .osh-logo img{width:100%;height:auto;max-height:76px;object-fit:contain}
#ottSiteHeader .osh-nav{margin-left:auto;align-self:stretch;display:flex;align-items:center}
#ottSiteHeader .osh-level-1{display:flex;align-items:center;gap:22px;height:100%}
#ottSiteHeader .osh-level-1>li{position:relative;height:100%;display:flex;align-items:center}
#ottSiteHeader .osh-nav a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:800;letter-spacing:.02em}
#ottSiteHeader .osh-nav a:hover,#ottSiteHeader .osh-nav a.is-selected{text-decoration:underline;text-underline-offset:8px}
#ottSiteHeader .osh-level-2,#ottSiteHeader .osh-level-3{display:none;position:absolute;top:100%;left:0;min-width:180px;padding:10px 18px;background:#163bba;border:1px solid #ffffff44;box-shadow:0 10px 20px #0002}
#ottSiteHeader .osh-level-2 li{position:relative}
#ottSiteHeader .osh-level-3{left:100%;top:0}
#ottSiteHeader li:hover>ul,#ottSiteHeader li:focus-within>ul{display:block}
#ottSiteHeader .ow-menu-index-logo{display:block;width:90px;height:auto;fill:white;stroke:none}
#ottSiteHeader .osh-account{display:flex;align-items:center;gap:14px;flex:none;font-size:12px}
#ottSiteHeader .osh-admin{display:flex;align-items:center;gap:4px}
#ottSiteHeader .osh-user{position:relative}
#ottSiteHeader summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:6px}
#ottSiteHeader summary::-webkit-details-marker{display:none}
#ottSiteHeader .osh-user summary span{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ottSiteHeader .osh-user ul{position:absolute;right:0;top:100%;min-width:165px;padding:12px 18px;background:#163bba;border:1px solid #ffffff55;box-shadow:0 10px 20px #0002}
#ottSiteHeader .osh-user li a{display:block;padding:12px 0}
#ottSiteHeader .osh-toggle{display:none}
#ottSiteHeader .osh-filter{position:absolute;width:0;height:0}
#ottSiteHeader :focus-visible{outline:3px solid #f9d62a;outline-offset:4px}
.ow-header-brands{position:relative;isolation:isolate;align-self:stretch;flex:0 0 144px;width:144px;height:auto;padding:8px 0}
.ow-header-brands::before{content:"";position:absolute;inset:0 -12px;z-index:-1;background:#fff;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);pointer-events:none}
.ow-header-brands__toggle{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:transparent;color:var(--ow-blue);cursor:pointer;border-radius:0}
.ow-header-brands__viewport{position:relative;display:block;overflow:hidden;width:100%;height:100%}
.ow-header-brands__slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;transform:translateX(110%)}
.ow-header-brands__slide.is-current{visibility:visible;transform:translateX(0);transition:transform .55s cubic-bezier(.4,0,.2,1)}
.ow-header-brands__slide.is-leaving{visibility:visible;transform:translateX(-110%);transition:transform .55s cubic-bezier(.4,0,.2,1)}
#ottSiteHeader .ow-header-brands__slide img{width:100%;height:100%;max-width:144px;max-height:76px;object-fit:contain;filter:url(#owHeaderBrandBlue)}
.ow-header-brands__pause{position:absolute;right:0;bottom:2px;width:7px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor;opacity:0}
.ow-header-brands__toggle:hover .ow-header-brands__pause,.ow-header-brands__toggle:focus-visible .ow-header-brands__pause{opacity:.7}
.ow-header-brands[data-paused="true"] .ow-header-brands__pause{width:0;height:0;border:4px solid transparent;border-left:6px solid currentColor;border-right:0;opacity:.8}

#ottSiteHeader .ow-header-brands{flex-basis:110px;width:110px;margin-left:8px}
@media(max-width:1350px){
#ottSiteHeader{height:80px;gap:20px;padding:0 24px}
#ottSiteHeader .osh-logo{width:145px}
#ottSiteHeader .osh-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;order:5;width:32px;height:44px;border:0;background:transparent;padding:4px;color:white;cursor:pointer}
#ottSiteHeader .osh-toggle span{display:block;width:24px;height:2px;background:white}
#ottSiteHeader .osh-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#163bba;max-height:calc(100dvh - 80px);overflow-y:auto;padding:14px 24px 24px;border-top:1px solid #ffffff44}
#ottSiteHeader.is-menu-open .osh-nav{display:block}
#ottSiteHeader .osh-level-1{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}
#ottSiteHeader .osh-level-1>li{display:block;height:auto;border-bottom:1px solid #ffffff33}
#ottSiteHeader .osh-nav a{font-size:15px;white-space:normal;padding:10px 0}
#ottSiteHeader .osh-level-2,#ottSiteHeader .osh-level-3{display:block;position:static;border:0;box-shadow:none;min-width:0;padding:0 0 0 14px}
#ottSiteHeader .osh-level-2 a{font-size:13px;font-weight:500}
#ottSiteHeader .osh-account{margin-left:auto}
#ottSiteHeader .ow-header-brands{flex-basis:100px;width:100px}
}
@media(max-width:650px){#ottSiteHeader{gap:12px;padding:0 16px}#ottSiteHeader .osh-logo{width:120px}#ottSiteHeader .osh-account{gap:10px}#ottSiteHeader .osh-user summary span{max-width:50px}#ottSiteHeader .ow-header-brands{display:none!important}#ottSiteHeader .osh-level-1{grid-template-columns:1fr 1fr} }
@media(max-width:650px){#ottSiteHeader{gap:8px;padding:0 12px}#ottSiteHeader .osh-logo{width:110px}#ottSiteHeader .ow-header-brands:not([hidden]){display:block!important;flex-basis:68px;width:68px;margin-left:0}#ottSiteHeader .osh-account{gap:10px}#ottSiteHeader .osh-user summary span,#ottSiteHeader .osh-admin span{display:none}#ottSiteHeader .osh-account i{font-size:18px}#ottSiteHeader .ow-header-brands__slide img{max-width:68px}}

#ottSiteHeader .osh-language{position:relative;font-size:12px;font-weight:700}
#ottSiteHeader .osh-language summary{padding:0 4px}
#ottSiteHeader .osh-language ul{position:absolute;top:100%;right:0;min-width:125px;padding:8px 16px;background:#163bba;border:1px solid #ffffff55;box-shadow:0 10px 20px #0002}
#ottSiteHeader .osh-language a{display:block;padding:12px 0}
.ott-language-notice{padding:12px 24px;background:#f1f4fb;color:#163bba;font-size:13px;line-height:1.7;text-align:center}.ott-language-notice a{text-decoration:underline;color:inherit;margin-left:10px}
@media(min-width:1351px) and (max-width:1650px){#ottSiteHeader .osh-level-1{gap:12px}#ottSiteHeader .osh-nav a{font-size:12px}#ottSiteHeader{gap:15px}#ottSiteHeader .osh-logo{width:150px}}
@media(max-width:380px){#ottSiteHeader .osh-logo{width:90px}#ottSiteHeader .ow-header-brands:not([hidden]){flex-basis:50px;width:50px}#ottSiteHeader .osh-account{gap:7px}#ottSiteHeader{gap:6px}}

.ow-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.ow-guide-grid h3{font-size:20px;margin-bottom:12px!important}.ow-guide-grid p{font-size:15px;line-height:1.8}.ow-participation{border-top:1px solid #dfe3eb}.ow-participation>h2{font-size:36px}@media(max-width:750px){.ow-guide-grid{grid-template-columns:1fr}.ow-participation>h2{font-size:30px}}

#ottSiteHeader .osh-language summary{display:flex;align-items:center;gap:8px;color:#fff;font-size:16px;font-weight:800;line-height:1;padding:0 4px;min-height:44px}
#ottSiteHeader .osh-language-globe{display:block;width:28px;height:28px;flex:none;stroke:currentColor;fill:none}
@media(max-width:650px){#ottSiteHeader .osh-language summary{gap:5px;font-size:14px}#ottSiteHeader .osh-language-globe{width:23px;height:23px}}

#ottSiteHeader .osh-user .osh-avatar{display:block;width:28px;height:28px;max-width:none;object-fit:cover;border-radius:50%;flex:none;margin:0;border:1px solid rgba(255,255,255,.65)}
@media(max-width:650px){#ottSiteHeader .osh-user .osh-avatar{width:23px;height:23px}}

/* Language label follows the primary navigation font size at each breakpoint. */
#ottSiteHeader{--osh-menu-font-size:13px}
#ottSiteHeader .osh-level-1>li>a,#ottSiteHeader .osh-language summary{font-size:var(--osh-menu-font-size)}
@media(min-width:1351px) and (max-width:1650px){#ottSiteHeader{--osh-menu-font-size:12px}}
@media(max-width:1350px){#ottSiteHeader{--osh-menu-font-size:15px}}

/* Keep account controls in their original header positions; reveal with menu. */
@media(max-width:1350px){
  #ottSiteHeader:not(.is-menu-open) .osh-account{visibility:hidden;pointer-events:none}
  #ottSiteHeader:not(.is-menu-open) .osh-account *{visibility:hidden}
  #ottSiteHeader.is-menu-open .osh-account{visibility:visible;pointer-events:auto}
}
