/* A compact, shared phone header. Desktop navigation stays unchanged. */
@media(max-width:760px){
 html{scroll-padding-top:0}
 body .topbar{display:none}
 body .site-header{display:contents}
 body .site-back-row{position:static;display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;padding:6px 12px;max-width:100%;box-sizing:border-box;background:#f6f4eb;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 body .header-social-links{display:flex;flex-wrap:nowrap;gap:6px;flex-shrink:0}
 body .site-back-row a,body .site-back-row button{white-space:nowrap;flex-shrink:0;font-size:12px;min-height:44px;padding:8px 10px;margin:0}
 body .site-back-link{order:-1}
 body .site-header .nav-wrap{position:sticky;top:0;z-index:50;background:#fff;width:100%;max-width:none;box-sizing:border-box;padding:8px 12px;min-height:60px;border-bottom:1px solid #dbe3d5;gap:8px}
 body .site-header .brand{gap:7px;min-width:0}
 body .site-header .brand-mark{width:30px;height:34px}
 body .site-header .brand strong{font-size:14px;letter-spacing:-.4px}
 body .site-header .brand small{display:none}
 body .site-header .menu-button{font-size:14px;padding:8px 10px;min-height:44px}
 body .site-header .main-nav{max-height:70dvh;overflow:auto}
 body main [id],body .finder-tabs{scroll-margin-top:80px}
 /* Category entry links target the first card: leave room for its heading too. */
 body main[data-machine-first] article:first-of-type{scroll-margin-top:160px}
}