/* Phase 164: authoritative small-screen header layout. Loaded after all inline styles. */
@media screen and (max-width: 760px) {
 html,body { max-width:100%; overflow-x:clip; }
 body .topbar { position:relative !important; display:flex !important; flex-flow:row wrap !important; align-items:center !important; justify-content:space-between !important; height:auto !important; min-height:72px !important; padding:10px 14px !important; gap:8px !important; box-sizing:border-box !important; z-index:200 !important; }
 body .topbar .brand { flex:1 1 auto !important; flex-basis:auto !important; width:auto !important; min-width:0 !important; margin:0 !important; order:0 !important; }
 body .topbar .brand small { letter-spacing:clamp(1px,0.5vw,3px) !important; }
 body .topbar button#menu { display:flex !important; flex:0 0 44px !important; order:1 !important; position:static !important; visibility:visible !important; opacity:1 !important; align-items:center !important; justify-content:center !important; min-height:44px !important; min-width:44px !important; margin:0 !important; z-index:202 !important; }
 body .topbar nav#nav { display:none !important; position:absolute !important; top:100% !important; left:0 !important; right:0 !important; width:100% !important; height:auto !important; margin:0 !important; padding:12px 14px !important; box-sizing:border-box !important; background:#132924 !important; z-index:201 !important; flex-flow:column nowrap !important; align-items:stretch !important; gap:8px !important; max-height:calc(100dvh - 72px) !important; overflow-y:auto !important; }
 body .topbar nav#nav.open { display:flex !important; }
 body .topbar nav#nav a.lodge-sign { display:flex !important; width:100% !important; box-sizing:border-box !important; position:static !important; min-height:44px !important; padding:10px 14px !important; justify-content:flex-start !important; font-size:15px !important; }
 body .topbar #br-recent-nav { order:2 !important; flex:0 0 100% !important; width:100% !important; margin:0 !important; position:relative !important; }
 body .topbar #br-recent-toggle { width:100% !important; min-height:40px !important; padding:8px 12px !important; font-size:13px !important; }
 body .topbar #br-recent-menu { left:0 !important; right:auto !important; width:min(320px,100%) !important; }
 body .retreat-welcome { position:relative !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:calc(100% - 32px) !important; max-width:100% !important; margin:0 auto !important; gap:20px !important; padding:22px 0 !important; box-sizing:border-box !important; }
 body .retreat-welcome-copy { min-width:0 !important; width:100% !important; }
 body .retreat-welcome-copy h1 { font-size:clamp(32px,8vw,50px) !important; line-height:1.12 !important; overflow-wrap:break-word !important; }
 body .retreat-overview { min-width:0 !important; width:100% !important; }
 body .retreat-overview img { display:block !important; max-width:100% !important; height:auto !important; }
}
@media screen and (max-width:390px) {body .topbar .brand { font-size:clamp(12px,3.8vw,17px) !important; }}