/* Fit artwork in the original logo slots. No additional header row. */
.malafi-logo picture{display:block;width:100%}
.account-mark:has(img){background:#faf7ef}
.submit-note>span:has(img){background:#faf7ef}
.auth-shell>nav,.account-shell>nav,.feedback-shell>nav,.submit-nav,.event-detail-page>nav{gap:12px;align-items:center;flex-wrap:nowrap}
.auth-shell>nav>picture,.admin-wordmark picture{display:block;flex:none}
.auth-shell>nav>a,.feedback-shell>nav>a,.event-detail-page>nav>a{min-width:0}
.admin-dashboard .admin-top,.admin-dashboard .admin-top>div{flex-wrap:nowrap;align-items:center}
.admin-dashboard .admin-top>div{min-width:0}
@media(max-width:800px){
 .discovery-page .discovery-nav{flex-direction:row;align-items:center;gap:12px;padding-block:12px;min-height:76px}
 .discovery-nav>.brand{flex:0 0 72px;min-width:0}
 .discovery-nav .malafi-logo{width:72px;min-width:0}
 .discovery-nav .malafi-logo img{width:72px;height:48px;object-fit:contain}
 .discovery-nav .malafi-logo small{display:none}
 .discovery-page .discovery-nav>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 48px;gap:8px;align-items:center;flex:1;min-width:0}
 .discovery-nav>div>a{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
}
/* The standalone Guide has a sticky header. Reserve the utility bar once in
   normal flow, rather than combining body compensation with sticky offsets.
   Clip horizontal paint without creating an extra vertical scroll container. */
html:has(body>.topbar),body:has(>.topbar){overflow-x:clip}
body:has(>.topbar):has(>#malafi-live){padding-top:0!important}
body:has(>.topbar)>#malafi-live{position:sticky;top:0}
.brand .malafi-logo img,.qr-brand .malafi-logo img{
 width:184px;height:46px;object-fit:contain;display:block;max-width:100%;
}
@media(max-width:600px){
 .brand{min-width:0;flex-shrink:1}
 .nav>.brand{flex-basis:72px}
 .nav-actions,.top-actions{flex-shrink:0}
 .brand .malafi-logo,.qr-brand .malafi-logo{width:72px;max-width:100%;min-width:0;flex:0 1 72px}
 .brand .malafi-logo img,.qr-brand .malafi-logo img{width:100%;height:48px;object-fit:contain;display:block}
 .malafi-account-logo{width:72px;height:48px;object-fit:contain;display:block}
 .malafi-logo small{display:none}
}