/* GLIKA 5.0 · Global header + specialty-page UX · Acceptance UX-H01..H05 */
/* All internal pages reuse the same global header and masthead proportions. */
@media (min-width:1181px) and (max-width:1580px){
 :root{--glika-header-height:116px}
 body>.glika-global-header .nav{width:calc(100% - 48px)!important;gap:16px!important}
 .glika-global-header .brand-asset{width:138px!important;height:69px!important}
 .glika-global-header .menu-toggle{display:none!important}
 .glika-global-header .navlinks{display:flex!important;position:static!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;align-content:center!important;gap:2px 18px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
 .glika-global-header .navlinks>.nav-main,.glika-global-header .nav-group>summary{width:auto!important;min-height:38px!important;padding:5px 0!important;font-size:clamp(15px,1.1vw,17px)!important;white-space:nowrap!important}
 .glika-global-header .nav-group{width:auto!important;border:0!important}
 .glika-global-header .nav-dropdown,.glika-global-header .nav-dropdown-wide{position:absolute!important;top:calc(100% + 6px)!important;width:360px!important;max-width:min(420px,calc(100vw - 36px))!important;max-height:min(60dvh,480px)!important;box-shadow:0 22px 35px #0008!important}
 .glika-global-header .navlinks>.header-cta{width:auto!important;align-self:auto!important;margin:0!important;min-height:44px!important;padding:9px 15px!important;font-size:16px!important}
}
/* The nav menu must remain accessible and legible at tablet and phone widths. */
@media(max-width:1180px){
 .glika-global-header .navlinks{top:var(--glika-header-height)!important}
}
/* Reapply the editorial scale once shared header replaced the legacy per-page masthead. */
body.glika-inner-page main{box-sizing:border-box!important;max-width:1240px!important;padding:22px 24px 66px!important;min-width:0!important}
body.glika-inner-page main>.hero{box-sizing:border-box!important;min-height:0!important;margin:0 0 20px!important;padding:clamp(26px,3.1vw,42px)!important;border-radius:19px!important}
body.glika-inner-page main>.hero h1{font-size:clamp(38px,3.6vw,55px)!important;line-height:1.055!important;letter-spacing:-.018em!important;max-width:920px!important;margin:12px 0 14px!important}
body.glika-inner-page main>.hero p{font-size:clamp(16px,1.08vw,18px)!important;line-height:1.46!important;max-width:790px!important;margin:0!important}
body.glika-inner-page main>.hero .eyebrow{font-size:12px!important}
body.glika-inner-page main>.demo-shell{margin-top:14px!important}
body.glika-inner-page main>.demo-shell .demo-header{padding-top:clamp(21px,2vw,30px)!important;padding-bottom:clamp(19px,2vw,29px)!important}
body.glika-inner-page main>.demo-shell .demo-header h2{font-size:clamp(31px,3vw,42px)!important;line-height:1.1!important}
body.glika-inner-page #wizard h2,body.glika-inner-page #contact h2{font-size:clamp(31px,3vw,43px)!important;line-height:1.1!important}
body.glika-inner-page #wizard,body.glika-inner-page #contact,body.glika-inner-page section[id]{scroll-margin-top:calc(var(--glika-header-height) + 18px)!important}
@media(max-width:760px){
 body.glika-inner-page main{padding:18px 15px 48px!important}
 body.glika-inner-page main>.hero{padding:25px 22px!important;margin-bottom:16px!important}
 body.glika-inner-page main>.hero h1{font-size:clamp(33px,8.2vw,45px)!important;line-height:1.08!important}
 body.glika-inner-page main>.hero p{font-size:16px!important}
 body.glika-inner-page #wizard h2,body.glika-inner-page #contact h2{font-size:clamp(31px,7.5vw,39px)!important}
}

/* Context is secondary, never replaces the global navigation. */
.glika-context-bar{max-width:1240px;margin:auto;padding:14px 24px 0;display:flex;align-items:center;gap:10px;color:#6c5c48;font:600 15px/1.35 Inter,Arial,sans-serif;box-sizing:border-box}
.glika-context-bar a{color:#78572f;text-decoration:underline;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}
.glika-context-bar a:focus-visible{outline:2px solid #9e773f;outline-offset:3px}
@media(max-width:760px){.glika-context-bar{padding:12px 15px 0;font-size:14px;flex-wrap:wrap}}
/* The legacy 3.7 stylesheet forced the entire navigation wrapper to wrap.
   Keep the brand centered and allow wrapping ONLY inside navlinks. */
body>.glika-global-header .nav{flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;padding-block:0!important;}
@media(min-width:1181px) and (max-width:1580px){
 body>.glika-global-header .navlinks{flex:1 1 0!important;min-width:0!important;align-self:center!important;justify-content:flex-end!important;align-content:center!important}
 body>.glika-global-header .navlinks>.header-cta{min-height:44px!important;padding:9px 15px!important;font-size:16px!important}
}
/* On narrow phones the third diagnostic tab must never be clipped off-screen. */
@media(max-width:600px){
 body.glika-inner-page .demo-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow-x:visible!important;padding-bottom:9px!important}
 body.glika-inner-page .demo-tabs .demo-tab{min-width:0!important;width:100%!important;white-space:normal!important;padding:10px 8px!important;min-height:47px!important;text-align:center!important;font-size:15px!important}
 body.glika-inner-page .demo-tabs .demo-tab:last-child:nth-child(odd){grid-column:1/-1}
}
