/* Guide only, phone breakpoint only. Desktop rules retain their original cascade. */
@media(max-width:720px){
 .shell:has(#main #filters){padding-inline:20px}
 #main:has(#filters) .page-head{padding:24px 0 20px}
 #main:has(#filters) .page-head h1.guide-heading{white-space:normal;font-size:clamp(44px,calc(28px + 4.3vw),59px);margin:10px 0 14px;text-wrap:balance}
 #main:has(#filters) .page-head .intro{max-width:34ch;margin-inline:auto}
 #main.compact-guide #filters.guide-utility .search-wrap{width:100%;margin:0 0 12px}
 #main.compact-guide #filters.guide-utility .search-wrap input{height:50px;min-height:50px;padding:12px 12px 12px 36px}
 #main.compact-guide .guide-controls:not(.is-condensed) .guide-search-access{display:none}
 #main.compact-guide .guide-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #main.compact-guide #filters.guide-utility .guide-search-icon{bottom:17px}
 #main.compact-guide .mobile-guide-toolbar{min-height:44px;margin:0;gap:8px}
 #main.compact-guide .mobile-filter-toggle,#main.compact-guide .view-switch button{min-height:44px}
 #main.compact-guide #filters.guide-utility{margin-bottom:0}
 #main.compact-guide .mobile-filter-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;max-width:100%;margin:0;padding:12px 0 4px;scrollbar-width:thin}
 #main.compact-guide .mobile-filter-chips[hidden]{display:none}
 #main.compact-guide .mobile-filter-chip,#main.compact-guide .mobile-clear-all{flex:0 0 auto;min-height:44px;white-space:nowrap}
 #main.compact-guide .results-top{display:none!important;margin:0;padding:0;border:0}
 #main.compact-guide .results-top .small{display:none}
 #main.compact-guide .guide-sticky-count{display:block;font:400 12px/1.5 var(--font-body);white-space:nowrap;margin-right:auto}
 #main.compact-guide .is-condensed .mobile-guide-toolbar{gap:4px}
 #main.compact-guide .is-condensed .view-switch{margin-left:0}
 #main.compact-guide .is-condensed .view-switch button{padding-inline:8px}
 #main.compact-guide .is-condensed .mobile-filter-chips,#main.compact-guide .is-condensed .results-top{display:none}
 /* Approved circular cards and frosted drawer inherit their shared mobile rules. */
 #restaurant-grid .guide-take-more{min-height:44px}
}
@media(max-width:375px){.shell:has(#main #filters){padding-inline:18px}}

@media(max-width:720px){
 #main.compact-guide .mobile-quick-filters{
  display:flex;flex-wrap:nowrap;gap:8px;box-sizing:border-box;
  width:100%;max-width:100%;min-width:0;margin:0;padding:8px 0 10px;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;
 }
 #main.compact-guide .mobile-quick-filters::-webkit-scrollbar{display:none}
 #main.compact-guide .mobile-quick-filter{
  flex:0 0 auto;box-sizing:border-box;min-height:44px;padding:5px 16px;
  position:relative;isolation:isolate;border:0;border-radius:999px;
  background:transparent;color:var(--ink);white-space:nowrap;
  font:500 11px/34px var(--font-body);letter-spacing:.045em;text-transform:uppercase;
 }
 /* A 34px visual pill sits inside the full 44px interactive button. */
 #main.compact-guide .mobile-quick-filter::before{content:"";position:absolute;inset:5px 0;z-index:-1;pointer-events:none;border:1px solid rgba(98,94,88,.32);border-radius:inherit}
 #main.compact-guide .mobile-quick-filter[aria-pressed=true]{color:var(--paper)}
 #main.compact-guide .mobile-quick-filter[aria-pressed=true]::before{background:var(--ink);border-color:var(--ink)}
 #main.compact-guide .mobile-quick-filter:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
}