/* Keep the cinematic header untouched; dock only as the guide arrives. */
.topbar.guide-header-active{top:0;z-index:40;mix-blend-mode:normal;isolation:isolate;color:#123d47;padding-top:calc(27px - var(--guide-header)*13px);padding-bottom:calc(27px - var(--guide-header)*13px);transition:none}
.topbar.guide-header-active:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#fff5df;opacity:var(--guide-header);box-shadow:0 6px 22px #062a3626;border-bottom:1px solid #123d471a}
.topbar.guide-header-active .brand-symbol{animation-play-state:paused}
.topbar.guide-header-active .top-actions button{min-height:40px}
@media(max-width:700px){.topbar.guide-header-active{padding-top:calc(22px - var(--guide-header)*10px);padding-bottom:calc(22px - var(--guide-header)*10px)}.topbar.guide-header-active .top-actions{gap:16px}}
@media print{.topbar{display:none!important}}