/* Header appearance follows the digital archive; navigation uses the existing WP menu. */
body.dss-site{--dss-admin-offset:0px;--dss-scroll-offset:180px}
body.dss-site.admin-bar{--dss-admin-offset:32px}
body.dss-site .dss-original-navigation{display:none!important}
#demos-style-header{width:100%;max-width:1180px;margin:0 auto;position:sticky;top:var(--dss-admin-offset,0px);z-index:1000;background:#fff;color:#252d39;font-family:Arial,Helvetica,sans-serif;text-align:left;overflow-wrap:anywhere;box-shadow:0 4px 10px -6px rgba(37,45,57,.22)}
body.dss-site #demos-style-header+[data-kubio="kubio/header"]{margin-block-start:0!important}
body.dss-site .wp-site-blocks [id]{scroll-margin-top:calc(var(--dss-scroll-offset) + var(--dss-admin-offset))}
#demos-style-header *{box-sizing:border-box}
#demos-style-header .dss-header{padding:18px 5% 0;margin:0;border:0;border-bottom:1px solid #dde3ec;background:#fff;color:#252d39;font-family:Arial,Helvetica,sans-serif;text-align:left}
#demos-style-header .dss-brandline{display:flex;align-items:center;justify-content:center;gap:24px;min-height:84px;margin:0;padding:0}
#demos-style-header .dss-brand{display:flex;min-width:0;align-items:center;justify-content:center;gap:40px;margin:0;padding:0;border:0;background:none;color:#252d39;text-decoration:none}
#demos-style-header .dss-brand>span{font-size:22px;font-weight:700;line-height:1.5;letter-spacing:.4px}
#demos-style-header .dss-logo{display:block;width:140px;height:80px;object-fit:contain;background:#fff}
#demos-style-header .dss-menu{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(10px,1.4vw,22px);padding:14px 0 18px;margin:0;border:0;list-style:none;background:transparent}
#demos-style-header .dss-menu>li{flex:0 0 auto;width:auto;margin:0;padding:0;border:0;list-style:none;background:transparent;font-size:18px}
#demos-style-header .dss-menu>li>a{display:block;min-height:24px;margin:0;padding:0;border:0;background:transparent;color:#252d39;font-size:18px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;white-space:nowrap;text-decoration:none;box-sizing:border-box}
#demos-style-header .dss-menu>li>a:hover{color:#1b4fc6}
#demos-style-header a:focus-visible{outline:2px solid #1b4fc6;outline-offset:3px}
#demos-style-header .dss-menu>.menu-item-gtranslate{width:175px;position:relative}
#demos-style-header .menu-item-gtranslate>div{position:relative!important}
#demos-style-header .dss-language{display:flex;align-items:center;justify-content:center}
#demos-style-header .menu-item-gtranslate img{display:inline-block;vertical-align:middle;max-width:100%}
#demos-style-header .menu-item-gtranslate a{line-height:24px}
#demos-style-header .dss-menu-toggle{display:none;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:4px;background:transparent;color:#252d39;cursor:pointer;box-shadow:none;line-height:1}
#demos-style-header .dss-menu-toggle>svg{width:28px;height:28px}
#demos-style-header .dss-menu-toggle>.dss-menu-close-icon{display:none}
#demos-style-header .dss-menu-toggle[aria-expanded=true]>.dss-menu-open-icon{display:none}
#demos-style-header .dss-menu-toggle[aria-expanded=true]>.dss-menu-close-icon{display:block}
#demos-style-header .dss-menu-toggle:focus-visible{outline:2px solid #1b4fc6;outline-offset:3px}
@media(max-width:1024px){
 body.dss-site{--dss-scroll-offset:140px}
 #demos-style-header .dss-header{display:flex;flex-direction:column;padding:24px 5%;max-height:calc(100vh - var(--dss-admin-offset,0px));max-height:calc(100dvh - var(--dss-admin-offset,0px))}
 #demos-style-header .dss-brandline{flex-shrink:0;justify-content:space-between;gap:14px;min-height:52px}
 #demos-style-header .dss-brand{flex:1;justify-content:flex-start;gap:12px}
 #demos-style-header .dss-brand>.dss-logo{display:none}
 #demos-style-header .dss-brand>span{min-width:0;font-size:24px;font-weight:700;line-height:1.3;text-transform:uppercase;overflow-wrap:anywhere}
 #demos-style-header .dss-menu-toggle{display:flex;font:inherit}
 #demos-style-header .dss-nav{display:none;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 #demos-style-header .dss-header.dss-menu-open .dss-nav{display:block}
 #demos-style-header .dss-menu{flex-direction:column;align-items:stretch;gap:0;padding:14px 0 0;margin:12px 0 0;border-top:1px solid #dde3ec}
 #demos-style-header .dss-menu>li{max-width:100%;font-size:18px}
 #demos-style-header .dss-menu>li>a{min-height:44px;padding:10px 0;font-size:18px;white-space:normal;text-align:left}
 #demos-style-header .dss-menu>.menu-item-gtranslate{align-self:flex-start;width:175px;padding:10px 0}
 #demos-style-header .dss-language{justify-content:flex-start}
}
@media(max-width:782px){body.dss-site.admin-bar{--dss-admin-offset:46px}}
/* The WordPress toolbar scrolls away at phone widths. */
@media(max-width:600px){body.dss-site.admin-bar{--dss-admin-offset:0px}}
@media(max-width:480px){#demos-style-header .dss-brand{gap:10px}}