/* Shared header sizing and sticky behavior; archive content retains its template. */
body.dda-archive-page{--dss-admin-offset:0px;--dss-scroll-offset:180px}
body.dda-archive-page.admin-bar{--dss-admin-offset:32px}
#demos-archive-root .be-header{position:sticky;top:var(--dss-admin-offset,0px);z-index:4;box-shadow:0 4px 10px -6px rgba(37,45,57,.22)}
#demos-archive-root [id]{scroll-margin-top:calc(var(--dss-scroll-offset) + var(--dss-admin-offset))}
#demos-archive-root .be-header .be-globalnav>li>a{font-size:18px}
#demos-archive-root .be-header .dda-site-brand>span{font-weight:700}
@media(min-width:1025px){#demos-archive-root .be-header .be-logo{width:140px;height:80px}#demos-archive-root .be-header .be-brandline{min-height:84px}#demos-archive-root .be-header .dda-site-brand{gap:40px}}
@media(max-width:1024px){
 body.dda-archive-page{--dss-scroll-offset:140px}
 #demos-archive-root .be-header{display:flex;flex-direction:column;max-height:calc(100vh - var(--dss-admin-offset,0px));max-height:calc(100dvh - var(--dss-admin-offset,0px))}
 #demos-archive-root .be-header .be-brandline{flex-shrink:0}
 #demos-archive-root .be-header .dda-site-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain}
 #demos-archive-root .be-header .be-globalnav>li>a{font-size:18px}
}
@media(max-width:782px){body.dda-archive-page.admin-bar{--dss-admin-offset:46px}}
@media(max-width:600px){body.dda-archive-page.admin-bar{--dss-admin-offset:0px}}
