/* Keep the 76/68px navigation baseline; give the shared mark more room. */
:root{--cha-header-height:76px;--cha-logo-size:56px}
body .cha-header .cha-header__inner{height:var(--cha-header-height)!important;width:100%;max-width:none;margin:0;padding-inline:clamp(24px,3.333vw,48px);gap:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
body .cha-header #cha-primary-nav>ul{gap:clamp(20px,2.5vw,36px)}
body .cha-header .cha-header-actions{margin-left:0;gap:20px;justify-self:end;color:var(--cha-heading-color,#293f30)}
body .cha-header .cha-header-actions summary{list-style:none}
body .cha-header .cha-header-actions summary::-webkit-details-marker{display:none}
body .cha-header .cha-brand{gap:.65rem;flex-shrink:0;justify-self:start;color:var(--cha-heading-color,#293f30)}
.cha-logo{display:block;width:var(--cha-logo-size);height:var(--cha-logo-size);flex:none;overflow:visible;transform:translateY(-.6rem)}
/* Share the menu's text axis; raise the mark so the cup, not the steam, anchors it. */
body .cha-header .cha-brand__name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:var(--cha-logo-size);font-family:var(--cha-font-serif);font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:.1em;white-space:nowrap}
.cha-logo-steam{opacity:.75}
.cha-logo-steam-scene[data-steam-renderer="3d"]>.cha-logo-steam{visibility:hidden}
.cha-logo-steam-volume{pointer-events:none}
@media(min-width:60.01rem){body .cha-header #cha-primary-nav{justify-self:center;color:var(--cha-heading-color,#293f30)}body .cha-header #cha-primary-nav a{font-size:1rem;line-height:1.8;letter-spacing:.1em}}
@media(max-width:60rem){:root{--cha-header-height:68px;--cha-logo-size:46px}body .cha-header .cha-header__inner{display:flex;justify-content:space-between;padding-inline:16px;gap:1.2rem}body .cha-header .cha-header-actions{margin-left:auto;gap:16px}body .cha-header .cha-nav{top:var(--cha-header-height)}body .cha-header .cha-brand{gap:.55rem}body .cha-header .cha-brand__name{font-size:1.3rem}.cha-logo{transform:translateY(-.5rem)}}
@media(prefers-reduced-motion:reduce){.cha-logo-steam{opacity:.7}.cha-logo-steam-scene[data-steam-renderer="3d"]>.cha-logo-steam{visibility:visible}.cha-logo-steam-volume{display:none}}
/* Longer language and brand names must not push the mobile menu off-screen. */
@media(max-width:30rem){body .cha-header .cha-header__inner{gap:.5rem}body .cha-header .cha-brand{gap:.35rem;min-width:0}body .cha-header .cha-brand__name{font-size:1.05rem;letter-spacing:.04em}body .cha-header .cha-header-actions{gap:.5rem;font-size:.8rem;flex-shrink:0}body .cha-header .cha-menu-toggle{flex-shrink:0}.cha-header .cha-logo{width:40px;height:40px}}