/* Compact, consistent mobile layout. */
body .supporter-ticker{height:40px;min-height:40px;box-sizing:border-box;margin-top:12px}body .supporter-track{animation:none}body .supporter-names[aria-hidden]{display:none}
@media(max-width:700px){
html{scroll-padding-top:16px}body{background:#faf7f2}body main{padding:0 16px}body .topbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 16px;background:#fffdf9;border-bottom:1px solid #eee4dc;box-shadow:none}body .topbar .brand{font-size:23px;gap:7px}body .brand-mark{width:30px;height:30px}body .topbar .nl{display:none}body #app-install-banner{margin-left:auto}body .topbar nav{width:100%;display:flex;justify-content:flex-end;gap:8px;font-size:13px}body .topbar nav>a,body .route-nav,body .simple-menu summary{min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:10px;box-sizing:border-box;box-shadow:none;background:none;border:0}body .topbar .nav-active{background:#f7e8dd;color:#a63c29}body .route-nav{background:#c84732;color:white}body .simple-menu[open]>div{right:0;max-width:calc(100vw - 32px);z-index:100}
body .intro{display:block;margin:16px 0 20px;padding:23px 20px;border:0;border-radius:20px;background:#f7ebda;box-shadow:none;min-height:0}body .intro::after{display:none}body .intro .eyebrow{font-size:9px;letter-spacing:1.6px;margin:0 0 12px}body .intro h1{font-size:34px;line-height:1.04;letter-spacing:-1.2px;margin:0 0 13px}body .intro h1 br{display:none}body .intro h1 span{display:block}body .intro-copy>p{font-size:14px;line-height:1.55;margin:0;max-width:30em}body .intro-copy>p br{display:none}body .hero-moments{display:none}
body .front-location{padding:14px!important;margin:0 0 16px!important;background:#fff;border:1px solid #ece3dc;border-radius:16px;box-shadow:none}body .front-location #search{box-shadow:none;border:0}body .front-location #search button{box-shadow:none;border-radius:10px}body .front-location #search .search-field>div{background:#faf8f5;border:1px solid #dfd5cb;border-radius:10px}body .name-finder{margin-top:12px;border-top:1px solid #eee5dd;padding-top:10px}body .name-finder summary{font-size:13px;padding:5px 0;color:#745f52}body .name-finder form{display:flex;flex-direction:column;gap:10px}body .name-finder form>*{width:100%;min-width:0;box-sizing:border-box}
body .live-section{border-radius:16px;margin:0 0 18px;padding:16px;border:1px solid #eadfd6;box-shadow:none;background:#fff}body .live-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center}body .live-heading h2{font-size:21px;line-height:1.2;margin:0}body .live-controls{gap:5px;flex-wrap:wrap}body .live-controls>button{width:36px;height:36px;min-height:36px;border-radius:9px;box-shadow:none}body .live-empty{padding:12px 0;font-size:13px;line-height:1.5;white-space:normal;min-width:0}body .live-footnote{font-size:11px;line-height:1.5;margin:8px 0 0}body .live-card{width:280px;min-width:280px;box-shadow:none;border-radius:12px}body .live-address{white-space:normal;overflow-wrap:anywhere}body .nearby-exclusions[open]{max-width:calc(100vw - 64px)}
body #discovery{margin:0 0 18px;padding:20px 16px;border:1px solid #eadfd6;border-radius:18px;box-shadow:none;background:#fff}body #discovery h1{font-size:25px;letter-spacing:-.6px;line-height:1.15;margin:17px 0}body .discovery-top{font-size:11px}body .discovery-timing{gap:6px;flex-wrap:wrap}body .discovery-timing button{font-size:12px;padding:9px 10px;box-shadow:none;border-radius:9px}body .discovery-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .discovery-choices button{padding:14px 11px;min-height:110px;text-align:left;border:1px solid #eadfd4;background:#fffaf4;border-radius:13px;box-shadow:none;min-width:0}body .discovery-choices strong{font-size:16px;line-height:1.2;display:block}body .discovery-choices span{font-size:12px;line-height:1.45;margin-top:7px;display:block;color:#806d5e}body .discovery-choices.food-choices button{min-height:64px}body .discovery-choices.food-choices strong{font-size:14px}body .discovery-actions{margin-top:14px;font-size:12px;gap:8px}body .discovery-actions button{font-size:12px}body #advanced-search{padding:16px;margin-bottom:18px;background:#fff;border:1px solid #eadfd6;border-radius:14px}body #advanced-search>summary{font-size:13px}body .filter-row{gap:12px}body .days{display:flex;flex-wrap:wrap;gap:4px}body .days button{min-width:34px;padding:8px 6px}body .category-tile-grid{gap:9px}body .category-tile{padding:12px;min-width:0;box-shadow:none}body .category-option-grid{gap:6px}
body .results-heading{align-items:flex-start;gap:10px}body .results-heading h2{font-size:23px;line-height:1.2;overflow-wrap:anywhere}body .result-card{padding:15px;border-radius:15px;box-shadow:none}body .result-card h3{font-size:19px;line-height:1.3}body .result-card .card-bottom{gap:10px}body .result-card .address{font-size:14px;line-height:1.5}body .view-switch{width:100%;display:flex}body .view-switch button{flex:1}body dialog{max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:20px 16px;border-radius:18px;box-sizing:border-box;overflow:auto}body dialog h2{font-size:24px;line-height:1.2;padding-right:24px}body dialog .close-dialog{top:8px;right:8px;width:36px;height:36px;min-height:36px}body dialog img{max-width:100%}body .day-planner{border-radius:16px;padding:16px;box-shadow:none}body .planner-heading h2{font-size:23px}body .planner-progress{flex-wrap:wrap}body .planner-progress button{flex:1 1 40%;font-size:12px}body input,body select{font-size:16px;max-width:100%;box-sizing:border-box}
body .support-site{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px;margin:18px 0;border-radius:16px;box-shadow:none}body .support-site strong{font-size:19px}body .support-site p{font-size:13px;line-height:1.5}body .support-site small{font-size:11px;line-height:1.5}body .support-site .primary{text-align:center;box-shadow:none}body .data-note{padding:14px;margin:18px 0;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.5}body .data-note p{font-size:11px}body footer{padding:24px 18px;gap:14px;line-height:1.6}body footer nav{font-size:12px}body #clarity-choice{max-width:calc(100vw - 24px);box-sizing:border-box;left:12px;right:12px;bottom:12px;padding:16px;border-radius:16px}body #clarity-choice p{font-size:12px;line-height:1.5}
}
@media(max-width:360px){body .topbar .brand{font-size:21px}body .topbar nav{font-size:12px}body .intro h1{font-size:30px}body .discovery-choices strong{font-size:14px}}
/* Avoid late font swaps and keep the small-screen hierarchy stable. */
body,body button,body input,body select,body h1,body h2,body h3,body strong{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media(max-width:700px){body .intro-copy{padding:0;width:100%}body .intro h1{font-size:32px}body .intro-copy>p{max-width:none}body .live-section{display:block}body .live-heading{width:100%;flex-direction:row;justify-content:space-between}body .live-heading h2{color:#3a3028;font-size:18px}body .live-heading h2:after{color:#887467}body .live-controls>button,body .live-controls #live-exclusions summary{background:#f6eee6;border:1px solid #e3d4c8;color:#714b35}body .live-controls #live-exclusions summary:after{color:#714b35}body .live-track{margin-top:10px}body .live-rail>.live-card{width:280px;flex-basis:280px;min-height:90px;grid-template-rows:auto auto auto}body .live-card .live-title-line{white-space:normal}body .live-card .live-title-line strong{white-space:normal;font-size:13px}body .primary,body .location-button,body .secondary{background-image:none!important;box-shadow:none!important}body .primary{background-color:#c84732}body .live-footnote{display:none}}
@media(max-width:700px){body.mobile-map-open:has(.nearby-map-inline:not([hidden])){overflow:hidden}body .nearby-map-inline:not([hidden]){position:fixed;inset:0;z-index:9000;width:100%;max-width:none;margin:0;padding:14px;background:#fffdf9;border:0;border-radius:0;height:100dvh;max-height:100dvh;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}body .nearby-map-inline>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:0}body .nearby-map-inline h2{font-size:21px;margin:0}body .nearby-map-inline #nearby-map-info{font-size:12px;margin:4px 0}body .nearby-map-inline header>button{width:40px;height:40px;min-height:40px;flex-shrink:0;border-radius:50%;background:#f2e8dd;border:0;font-size:24px}body .nearby-map-inline .nearby-map-canvas{order:1;flex:0 0 52dvh;height:52dvh;min-height:240px;border-radius:14px}body .nearby-map-inline>header{order:0}body .nearby-map-inline .nearby-map-presets{order:2;display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0 0 5px;gap:6px;flex-shrink:0}body .nearby-map-presets button{white-space:nowrap;font-size:12px;padding:10px 13px;border-radius:20px;box-shadow:none}body .nearby-map-inline .nearby-map-filters{order:3;display:flex;flex-wrap:wrap;gap:12px;padding:0;font-size:13px}body .nearby-map-inline .nearby-map-legend{display:none}body .nearby-map-inline .nearby-map-note{order:4;font-size:11px;line-height:1.5;margin:0}body .nearby-map-inline>details{order:5;font-size:13px}body .nearby-map-inline .nearby-map-categories{max-width:100%}body .nearby-map-category-options{grid-template-columns:1fr!important}body .nearby-map-list button{font-size:14px;text-align:left;min-height:44px}body .nearby-map-inline .nearby-map-canvas .leaflet-control-attribution{font-size:9px}}
@media(max-width:700px){body.planning-mode .intro,body.planning-mode .front-location{display:none}body .topbar nav{flex-wrap:nowrap;min-width:0}body .topbar nav>a,body .topbar .route-nav,body .topbar .simple-menu summary{padding:8px 9px;font-size:12px}body .topbar .route-nav{white-space:nowrap}body footer nav{width:100%;max-width:100%;display:block;overflow-wrap:anywhere;white-space:normal}body footer a{overflow-wrap:anywhere;min-width:0}body .support-site,body .supporter-ticker{width:100%;max-width:100%;min-width:0;box-sizing:border-box}body .day-planner{margin-top:16px}body .planner-start,body .planner-block,body .planner-basics{min-width:0}body .planner-start h4{font-size:16px}}
@media(max-width:700px){body .hero-moments{display:flex;align-items:center;gap:10px;width:auto;height:60px;margin:16px 0 0;position:static}body .hero-moments figure{position:relative;inset:auto;flex:0 0 76px;width:76px;height:56px;margin:0;transform:none;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 6px #54381b18;overflow:hidden}body .hero-moments figure img{display:block;width:100%;height:100%;object-fit:cover}body .hero-moments figcaption,body .hero-moments .moment-sticker,body .hero-moments figure::after{display:none}}
@media(max-width:700px){body .intro{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:14px;padding:20px 16px}body .intro-copy{min-width:0}body .intro h1{font-size:clamp(23px,6.7vw,32px);letter-spacing:-.8px}body .intro-copy>p{font-size:13px;line-height:1.5}body .hero-moments{display:flex;flex-direction:column;gap:10px;width:76px;height:auto;margin:0;align-self:center}body .hero-moments figure{flex:0 0 56px;width:76px;height:56px;box-sizing:border-box}body .intro .eyebrow{font-size:8px;letter-spacing:1px}}

#location-fields[hidden]{display:none!important}.location-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-size:14px}.location-summary span{min-width:0;overflow-wrap:anywhere}.location-summary button{border:0;border-radius:8px;padding:10px 12px;background:#f7eadd;color:#803023;font-weight:700;white-space:nowrap;min-height:44px}.front-location:has(#location-fields[hidden]){padding-top:8px;padding-bottom:8px}@media(max-width:420px){.location-summary{font-size:12px;gap:8px}.location-summary button{font-size:12px;padding:9px}}

#name-search-dialog{width:min(620px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:28px;border-radius:18px}#name-search-dialog .name-finder{border:0;padding:0;margin:0}#name-search-dialog .name-finder>summary[hidden]{display:none!important}#name-search-dialog h2{padding-right:35px}#name-search-dialog .name-match{min-width:0}#name-search-dialog .name-match a{overflow-wrap:anywhere}

/* Keep the score visible on its own line, rather than clipped after the hours. */
body .live-card .live-feedback{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;align-content:start;min-width:0}body .live-card .live-rating{display:block;overflow:visible;white-space:normal;font-size:11px;line-height:15px;color:#765000;font-weight:750}body .live-card .live-closing,body .live-card .live-report{grid-column:1;grid-row:auto}body .live-rail>.live-card{height:auto;min-height:112px;grid-template-rows:auto auto auto}body .live-card .live-rating{grid-column:1;grid-row:auto}

.result-load-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.result-load-actions button{flex:1 1 180px}.result-card{content-visibility:auto;contain-intrinsic-size:auto 300px}
/* Keep the mobile header on one compact row, including installed-app mode. */
@media(max-width:720px){
body .topbar{width:100%;min-height:64px;height:auto;margin:0;padding:10px 16px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box}
body .topbar .brand{flex:1 1 auto;min-width:0;white-space:nowrap;font-size:clamp(18px,5.2vw,23px);line-height:1.1;gap:6px;letter-spacing:-1px}
body .topbar .brand-mark{width:28px;height:28px;flex-shrink:0}body .topbar .nl{display:none}
body .topbar #app-install-banner{flex:0 0 auto;margin:0}body .topbar .app-install-small{padding:6px 8px;font-size:11px}
body .topbar nav{width:auto;flex:0 0 auto;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;margin:0;padding:0;gap:0}
body .topbar .simple-menu{margin:0;padding:0}body .topbar .simple-menu summary{min-height:44px;padding:10px 8px;line-height:24px;font-size:14px}
body .topbar .simple-menu[open]>div{right:0;max-width:calc(100vw - 32px)}
}

@media(max-width:700px){body.mobile-map-open:has(.nearby-map-inline:not([hidden])){overflow:auto}body .nearby-map-inline:not([hidden]){position:static;inset:auto;z-index:auto;height:auto;max-height:none;overflow:visible;display:block;margin:12px 0;padding:12px;border:1px solid #e4c9ba;border-radius:14px}body .nearby-map-inline>*{order:initial}body .nearby-map-inline .nearby-map-canvas{height:50dvh;min-height:280px}body .nearby-map-inline .nearby-map-filters{margin:12px 0}body .nearby-map-inline>section{margin-top:16px}}

@media(max-width:720px){body .live-section{background:#c84732;border-color:#c84732;color:#fff}body .live-heading h2{color:#fff}body .live-heading h2:after,body .live-footnote,body .live-empty{color:#ffeadf}body .live-controls>button,body .live-controls #live-exclusions summary{background:#ffffff20;border-color:#ffffff70;color:#fff}body .live-controls #live-exclusions summary:after{color:#fff}}

@media(max-width:700px){
/* Category and distance share the baseline of the lowest feedback row. */
body .live-rail>.live-card{grid-template-rows:auto auto auto}
body .live-card .live-logo{grid-row:1/4}
body .live-card .live-feedback{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:8px;row-gap:2px;align-content:start;align-items:end}
body .live-card .live-closing{grid-column:1/-1;grid-row:1}
body .live-card .live-rating{grid-column:1/-1;grid-row:2}
body .live-card .live-report{grid-column:1;grid-row:3;min-width:0;max-width:100%;margin:0;line-height:15px}
body .live-card .live-feedback>.live-category{grid-column:2;grid-row:3;justify-self:end;align-self:end;text-align:right;max-width:150px;white-space:normal;overflow:visible;overflow-wrap:anywhere;margin:0;padding:0 4px;font-size:10px;line-height:15px}

body .live-card .live-feedback>.live-category{max-width:125px}
}