*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover{color:var(--accent)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
img{max-width:100%;display:block;object-fit:cover}
svg{flex-shrink:0}
figure,h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:500;text-wrap:balance;line-height:1.12;letter-spacing:-.025em}
h1{font-size:clamp(51px,5.4vw,78px);letter-spacing:-.04em;line-height:1.04}
h2{font-size:40px}
h3{font-size:27px}
p{margin-top:12px}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
::selection{background:var(--accent);color:var(--white)}
input{caret-color:var(--accent)}
[hidden]{display:none!important}
.skip{position:absolute;left:20px;top:-80px;background:var(--white);padding:12px;z-index:100}
.skip:focus{top:10px}
.previewbar{display:flex;justify-content:space-between;gap:20px;padding:7px var(--space);background:var(--surface);font-size:12px;min-height:36px}
.previewbar>span{font-weight:600}
.previewbar nav{display:flex;gap:20px}
.previewbar [aria-current]{text-decoration:underline}
.intro-main{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;padding-block:42px 35px;align-items:center}
.intro-copy{padding-bottom:8px}
.intro-dek{font-size:18px;color:var(--muted);line-height:1.7;max-width:43ch;margin-top:24px}
.search-form{margin-top:28px}
.search-form>label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}
.search-input{display:flex;gap:12px;align-items:center;background:var(--white);border:1px solid var(--muted);border-radius:var(--radius);padding:6px 6px 6px 17px;min-height:62px}
.search-input>.icon{color:var(--muted);width:22px;height:22px}
.search-input input{min-width:0;flex:1;width:100%;border:0;background:transparent;font-size:15px;padding:10px 0}
.search-input input:focus{outline:none}
.search-input:focus-within{outline:2px solid var(--accent);outline-offset:4px}
.search-input button{display:grid;place-items:center;border:0;background:var(--accent);color:var(--white);width:48px;height:48px;flex:0 0 48px;border-radius:2px}
.search-input button:hover{background:var(--accent-dark);color:var(--white)}
.intro-links{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:15px;font-size:13px}
.intro-links>a{display:flex;align-items:center;gap:8px;min-height:40px}
.intro-links .icon{width:18px;height:18px}
.intro-picture>img{width:100%;height:370px;border-radius:var(--radius);object-position:center 60%}
.intro-picture figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;color:var(--muted);font-size:12px}
.city-drawing{width:180px;height:59px;color:var(--accent);stroke-width:2.4}
.intro-picture figcaption>span{max-width:22ch;text-align:right}
.browse-band{background:var(--rose);padding-block:25px 28px}
.browse-inner{width:min(1248px,calc(100% - 2*var(--space)));margin:auto}
.browse-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px}
.browse-heading h2{font-size:29px}
.browse-tabs{display:flex;gap:26px}
.browse-tabs button{padding:10px 0;min-height:44px;border:0;border-bottom:2px solid transparent;background:none;color:var(--rose-ink);font-size:14px}
.browse-tabs [aria-selected="true"]{font-weight:600;color:var(--accent-dark);border-color:var(--accent)}
.cuisines{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;min-height:84px}
.cuisines>a{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:8px;padding:7px 3px;font-size:13px;font-weight:500;text-align:center;border-radius:var(--radius)}
.cuisines>a:hover{background:var(--paper)}
.cuisines .icon{width:46px;height:46px;color:var(--accent);stroke-width:1.6}
.cuisines small{font-size:12px;font-weight:400;color:var(--rose-ink)}
.browse-areas{grid-template-columns:repeat(5,minmax(0,1fr))}
.browse-occasions{grid-template-columns:repeat(4,minmax(0,1fr))}
.featured,.updates,.around{padding-block:60px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}
.heading-with-icon{display:flex;align-items:center;gap:16px}
.heading-with-icon>.icon{width:36px;height:36px;color:var(--accent);stroke-width:1.5}
.section-heading p{font-size:15px;color:var(--muted);margin-top:10px}
.text-link,.read-link{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:13px;font-weight:600;min-height:40px}
.text-link{white-space:nowrap}
.text-link .icon,.read-link .icon{width:19px;height:19px}
.text-link:hover,.read-link:hover{text-decoration:underline}
.feature-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:25px 48px}
.feature{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;min-width:0}
.feature-0{display:block;grid-row:span 3}
.feature-image img,.feature .rc__ph>a:not(.lr-cred)>img{width:100%;height:132px;object-fit:cover;border-radius:var(--radius)}
.feature-0 .feature-image img{height:315px}
.feature-0 .feature-copy{padding-top:20px}
.feature h3{font-size:26px}
.feature-0 h3{font-size:35px}
.feature p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:9px}
.feature .read-link{margin-top:7px}
.rc__ph{position:relative;min-width:0}
.lr-cred,.photo-credit{position:absolute;bottom:7px;right:7px;background:var(--ink);padding:4px 6px;z-index:1}
.lr-cred img,.photo-credit img{height:14px!important;max-height:14px!important;width:auto!important;object-fit:contain}
.ta-credit,.tripadvisor{background:var(--white)}
.ta-credit img,.tripadvisor img{height:20px!important;max-height:20px!important}
.ranking-section{background:var(--surface);padding-block:50px 52px}
.ranking-section .heading-with-icon>.icon{color:var(--accent)}
.ranking-section .section-heading{margin-bottom:12px}
.ranking-method{font-size:13px;color:var(--muted);margin:0 0 30px}
.ranking-method a{text-decoration:underline;color:var(--accent);margin-left:12px}
.ranking-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.ranking-list{min-width:0}
.restaurant-row{display:grid;grid-template-columns:26px 118px minmax(0,1fr) 76px;gap:17px;align-items:center;padding-block:20px;border-top:1px solid #c6cec2}
.restaurant-row:first-child{padding-top:0;border-top:0}
.restaurant-row:last-child{padding-bottom:0}
.rank-number{color:var(--accent);font:500 27px/1 var(--display);align-self:start;padding-top:5px;font-variant-numeric:tabular-nums}
.restaurant-photo{position:relative;align-self:start}
.restaurant-photo>a:not(.photo-credit){display:block}
.restaurant-photo>a:not(.photo-credit)>img{width:100%;height:126px;border-radius:var(--radius)}
.restaurant-copy h3{font-size:26px}
.restaurant-copy .meta{font-size:12px;color:var(--muted);margin-top:7px}
.restaurant-copy p:not(.meta){font-size:14px;line-height:1.6;margin-top:7px;max-width:45ch}
.restaurant-copy .text-link{min-height:34px;margin-top:3px}
.score{text-align:center;align-self:start;font-variant-numeric:tabular-nums}
.score strong{display:block;font:600 32px/1.1 var(--display)}
.score span{display:block;font-size:11px;line-height:1.4;margin-top:5px;color:var(--muted)}
.score small{display:none}
.ad-column{position:sticky;top:24px}
.ad-column>.wi-managed-slot{margin:0;width:300px;max-width:100%}
.updates-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:35px}
.update-story{padding-right:26px;border-right:1px solid var(--line)}
.update-story h3{font-size:31px;line-height:1.2}
.update-story>p{font-size:15px;line-height:1.75}
.update-story .story-date{font-size:12px;color:var(--muted);margin-top:20px}
.update-story .read-link{margin-top:8px}
.update-type{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.update-type::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.update-item .rc__ph>img,.update-item .rc__ph>a:not(.lr-cred)>img{width:100%;height:163px;object-fit:cover;border-radius:var(--radius)}
.update-item h3{font-size:25px;margin-top:15px}
.rc__meta{display:flex;gap:8px;font-size:13px;color:var(--muted);margin-top:8px}
.rc__meta span+span::before{content:"·";margin-right:8px}
.rc__row{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:12px;color:var(--muted)}
.rc__row .view{color:var(--accent);font-weight:600;min-height:35px}
.update-addition .rc__row{margin-top:10px}
.update-item>.read-link{margin-top:5px}
.ad-break>.wi-managed-slot{margin:0 auto;width:min(1100px,100%)}
.ad-break{padding-block:15px}
.around{padding-top:45px}
.outing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.outing{min-width:0}
.outing>img{width:100%;height:210px;border-radius:var(--radius)}
.outing>h3{font-size:27px;margin-top:18px}
.outing>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--accent);margin-top:11px;min-height:34px}
.outing>span .icon{width:19px;height:19px}
.results{padding-block:32px}
.results .section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.results h2{font-size:29px}
.text-button{background:none;border:0;color:var(--accent);text-decoration:underline;min-height:44px;font-size:13px;white-space:nowrap;padding:8px}
.results>p{font-size:14px;color:var(--muted)}
.result-link{display:flex;justify-content:space-between;gap:20px;font:500 23px/1.4 var(--display);padding:15px 0;border-bottom:1px solid var(--line)}
@media (max-width:1100px){.intro-main{gap:35px}
.intro-picture>img{height:340px}
.intro-picture figcaption{gap:10px}
.city-drawing{width:140px}
.intro-dek{font-size:17px}
.feature-grid{gap:24px 30px}
.feature{grid-template-columns:125px minmax(0,1fr);gap:17px}
.feature h3{font-size:25px}
.feature-0 h3{font-size:32px}
.ranking-layout{gap:30px}
.restaurant-row{grid-template-columns:24px 95px minmax(0,1fr);gap:8px 15px}
.restaurant-copy{grid-column:3}
.restaurant-photo{grid-row:span 2}
.restaurant-row>.score{grid-column:3;display:flex;align-items:baseline;gap:7px;text-align:left}
.restaurant-row>.score strong{font-size:26px}
.score span{font-size:12px;margin:0}
.restaurant-copy h3{font-size:24px}
.updates-grid{gap:25px}
.update-story{padding-right:20px}
.update-story h3{font-size:28px}
.update-item .rc__ph>img,.update-item .rc__ph>a:not(.lr-cred)>img{height:145px}
.outing>img{height:170px}
.outing>h3{font-size:25px}}
@media (max-width:850px){.intro-main{grid-template-columns:1.1fr 1fr;gap:28px;padding-top:28px}
.intro-picture>img{height:335px}
.intro-picture figcaption{display:block}
.city-drawing{width:170px;height:55px}
.intro-picture figcaption>span{display:block;text-align:left;max-width:none;font-size:11px;margin-top:3px}
h1{font-size:50px}
.intro-dek{font-size:16px}
.intro-links{gap:2px 20px;font-size:12px}
.intro-links .icon{width:15px}
.search-input{padding-left:12px;gap:8px}
.search-input input{font-size:14px}
.search-input button{width:42px;flex-basis:42px;height:44px}
.browse-heading{margin-bottom:18px}
.browse-heading h2{font-size:27px}
.browse-tabs{gap:19px}
.cuisines{gap:8px}
.cuisines .icon{width:39px;height:39px}
.cuisines>a{font-size:12px}
.section-heading{align-items:flex-start}
.heading-with-icon{gap:12px}
.heading-with-icon>.icon{width:30px;height:30px;margin-top:3px}
h2{font-size:35px}
.feature-grid{grid-template-columns:1fr 1fr;gap:27px}
.feature{display:block}
.feature-0{grid-row:auto}
.feature-image img,.feature .rc__ph>a:not(.lr-cred)>img,.feature-0 .feature-image img{height:190px}
.feature-copy,.feature-0 .feature-copy{padding-top:16px}
.feature-0 h3{font-size:27px}
.feature h3{font-size:27px}
.ranking-layout{display:block}
.ranking-list{margin-bottom:30px}
.restaurant-row{grid-template-columns:27px 140px minmax(0,1fr) 80px;gap:18px}
.restaurant-row>.score{grid-column:4;display:block;text-align:center}
.restaurant-row>.score strong{font-size:31px}
.restaurant-photo{grid-row:1}
.restaurant-copy h3{font-size:26px}
.restaurant-copy p:not(.meta){font-size:15px}
.ad-column{position:static}
.ad-column>.wi-managed-slot{width:100%;margin:auto}
.updates-grid{grid-template-columns:1fr 1fr}
.update-story{grid-column:1 / -1;border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px}
.update-story h3{max-width:30ch;font-size:31px}
.update-story>p{max-width:70ch}
.update-item .rc__ph>img,.update-item .rc__ph>a:not(.lr-cred)>img{height:180px}
.outing-grid{gap:20px}
.outing>img{height:145px}
.outing>h3{font-size:24px}}
@media (max-width:560px){.previewbar{flex-wrap:wrap;gap:3px;padding:8px 20px;font-size:11px}
.previewbar nav{gap:18px}
.intro-main{display:block;padding-block:24px 20px}
.intro-copy{padding:0}
.intro-picture{display:none}
h1{font-size:clamp(39px,11.8vw,60px)}
.intro-dek{margin-top:17px;font-size:16px;max-width:42ch;line-height:1.65}
.search-form{margin-top:23px}
.search-input input{font-size:16px}
.search-input{min-height:60px}
.intro-links{justify-content:space-between;gap:3px 12px;font-size:12px;margin-top:11px}
.intro-links>a{min-height:40px}
.browse-band{padding-block:22px}
.browse-heading{display:block;margin-bottom:14px}
.browse-heading h2{font-size:29px}
.browse-tabs{margin-top:10px;gap:23px}
.browse-tabs button{font-size:14px}
.cuisines{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 7px}
.cuisines>a{gap:6px;font-size:12px;min-height:75px}
.cuisines .icon{width:38px;height:38px}
.browse-areas{grid-template-columns:repeat(3,minmax(0,1fr))}
.cuisines small{font-size:11px}
.featured,.updates,.around{padding-block:39px}
.section-heading{display:block;margin-bottom:23px}
.heading-with-icon{gap:11px;align-items:center}
.heading-with-icon>.icon{width:30px;height:30px;margin:0}
.section-heading h2{font-size:33px}
.section-heading>.text-link{margin-top:12px}
.feature-grid{display:block}
.feature{display:grid;grid-template-columns:105px minmax(0,1fr);gap:17px;margin-bottom:22px}
.feature:last-child{margin-bottom:0}
.feature-0{display:block;margin-bottom:28px}
.feature-image img,.feature .rc__ph>a:not(.lr-cred)>img{height:115px}
.feature-0 .feature-image img{height:auto;aspect-ratio:1.65}
.feature-copy{padding:0}
.feature-0 .feature-copy{padding-top:16px}
.feature h3{font-size:24px}
.feature-0 h3{font-size:32px}
.feature p{font-size:12px;margin-top:8px}
.feature .read-link{margin-top:3px;font-size:12px;min-height:36px}
.ranking-section{padding-block:35px}
.ranking-section .section-heading{margin-bottom:6px}
.ranking-method{font-size:12px;line-height:1.9;margin-bottom:24px}
.ranking-method a{margin-left:0;display:block}
.restaurant-row{position:relative;grid-template-columns:98px minmax(0,1fr);gap:7px 17px;padding-block:22px;align-items:start}
.restaurant-row>.rank-number{position:absolute;top:29px;left:6px;font:600 16px/1.3 var(--body);background:var(--paper);padding:3px 6px;z-index:2;color:var(--accent)}
.restaurant-row:first-child>.rank-number{top:7px}
.restaurant-photo{grid-column:1;grid-row:1 / span 2}
.restaurant-photo>a:not(.photo-credit)>img{height:145px}
.restaurant-copy{grid-column:2}
.restaurant-copy h3{font-size:24px}
.restaurant-copy .meta{font-size:12px;line-height:1.5}
.restaurant-copy p:not(.meta){font-size:14px;line-height:1.65}
.restaurant-copy .text-link{font-size:12px;gap:5px;min-height:36px}
.restaurant-copy .text-link .icon{width:17px}
.restaurant-row>.score{grid-column:2;display:flex;gap:7px;align-items:baseline;text-align:left}
.restaurant-row>.score strong{font-size:27px}
.score span{font-size:12px}
.updates-grid{gap:28px 20px}
.update-story h3{font-size:29px}
.update-story>p{font-size:15px}
.update-item .rc__ph>img,.update-item .rc__ph>a:not(.lr-cred)>img{height:125px}
.update-type{font-size:12px;gap:6px;line-height:1.5;min-height:36px;margin-bottom:10px}
.update-type::before{width:6px;height:6px;flex-shrink:0}
.update-item h3{font-size:23px}
.rc__meta{font-size:12px;flex-direction:column;gap:0}
.rc__meta span+span::before{content:none}
.rc__row{display:block;line-height:1.7;font-size:12px}
.rc__row .view{display:block;margin-top:5px}
.update-item>.read-link{font-size:12px;gap:5px}
.update-item>.read-link .icon{width:15px}
.ad-break{padding-block:10px}
.outing-grid{grid-template-columns:1fr;gap:24px}
.outing{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px 17px}
.outing>img{grid-row:span 2;height:112px}
.outing>h3{font-size:25px;margin:0}
.outing>span{font-size:12px;margin:0;align-self:start;min-height:30px}
.results .section-head{gap:10px}
.results h2{font-size:25px}
.result-link{font-size:21px}
.text-button{padding:8px 0}}
@media (max-width:360px){.intro-links{display:block}
.intro-links>a{min-height:34px}
.browse-tabs{gap:18px}
.browse-tabs button{font-size:13px}
.cuisines .icon{width:34px;height:34px}
.cuisines>a{font-size:11px}
.heading-with-icon{gap:9px}
.section-heading h2{font-size:30px}
.heading-with-icon>.icon{width:26px;height:26px}
.restaurant-row{grid-template-columns:85px minmax(0,1fr);gap:7px 14px}
.restaurant-copy h3{font-size:23px}
.updates-grid{grid-template-columns:1fr}
.update-story{grid-column:auto}
.update-item .rc__ph>img,.update-item .rc__ph>a:not(.lr-cred)>img{height:180px}
.update-type{min-height:0}
.outing{grid-template-columns:95px minmax(0,1fr);gap:8px 15px}
.outing>img{height:105px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{animation:none!important;transition:none!important}}
.search-input input::placeholder{color:var(--muted);opacity:1}
.restaurant-copy .meta{font-size:13px}
.restaurant-copy p:not(.meta){font-size:15px}
.score span{font-size:12px}

/* Production (William 2026-11-02, every live ad kept): the ranking side column can hold home-top and the
   home-rail unit stacked, as the live rail does; keep a gap between consecutive units. */
.ad-column>*+.wi-managed-slot,.ad-column>*+.promotion-block,.ad-column>*+.v6-feat{margin-top:24px}

/* Production (William 2026-11-02, no built feature removed): the live "Where" select inside the guide search
   and the live browse directory (.hybrid-browse: Cuisine / Occasion disclosures with every guide link, popular
   guides) restyled in the compact identity. Markup and the live disclosure/select scripts are unchanged. */
.search-form .f{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px}
.search-form .f>span{font-weight:600}
.search-form .f select{min-height:40px;max-width:100%;padding:6px 30px 6px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);font:inherit}
.hybrid-browse{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(112,67,74,.25);font-size:14px}
.hybrid-browse .browse-label{font-weight:600;color:var(--rose-ink)}
.browse-group{position:relative}
.browse-group>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 15px;border:1px solid rgba(112,67,74,.35);border-radius:999px;background:var(--paper);font-weight:500}
.browse-group>summary::-webkit-details-marker{display:none}
.browse-group>summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.browse-group[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.browse-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.browse-options{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:240px;max-height:min(420px,70vh);overflow:auto;display:grid;gap:2px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 30px rgba(37,41,35,.14)}
.browse-options a{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:36px;padding:6px 10px;border-radius:var(--radius)}
.browse-options a:hover{background:var(--rose);color:var(--accent-dark)}
.browse-options .cnt{color:var(--muted);font-size:12px}
.popular-guides{display:flex;flex-wrap:wrap;gap:6px 16px}
.popular-guides a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.browse-options{min-width:min(260px,calc(100vw - 40px))}.hybrid-browse .browse-label{flex-basis:100%}}
/* Square-image house ads (.v6-feat--imgsq) were card-sized in the live ranking grid; in the single-column
   five-restaurant list they keep that card size instead of stretching to the list width. */
.ranking-list>.v6-feat--imgsq{display:block;max-width:360px;margin-block:24px}
/* 2026-11-05: the same card-sized ad inside a homepage ad break keeps its card size, centered. */
.ad-break>.v6-feat--imgsq{display:block;max-width:360px;margin-inline:auto}
/* An ad break with no showing ad takes no space (unfilled slots are set hidden by wi-slot.js;
   phone-only / desktop-only slots are hidden by width). Will 2026-11-02: no empty gaps. */
/* 2026-11-05 repair: the rule only counted Ops-managed slots (Vegas). On the other sites the ads are printed
   into the page by the plugin (house units, banners, tickets), so every homepage ad break was hidden.
   An ad break now shows when it holds a visible managed slot OR a printed ad. */
.ad-break:not(:has(.wi-managed-slot:not([hidden]),.promotion-block,.v6-feat:not(.v6-feat--anchor),.tn-tix,.cbd-ax)){display:none}
@media(max-width:767px){.ad-break:not(:has(.wi-managed-slot:not([hidden]):not([data-wi-show="desk"]),.promotion-block,.v6-feat:not(.v6-feat--anchor),.tn-tix,.cbd-ax)){display:none}}
@media(min-width:768px){.ad-break:not(:has(.wi-managed-slot:not([hidden]):not([data-wi-show="phone"]),.promotion-block,.v6-feat:not(.v6-feat--anchor),.tn-tix,.cbd-ax)){display:none}}
/* Empty slot (nothing booked for the placement): no extra spacing. The slot stays measurable (1px) so
   wi-slot.js can still request and show an ad when one is booked. */
.ad-break:has(>.wi-managed-slot:empty){padding-block:0}
.ad-break>.wi-managed-slot:empty{margin-block:0}
/* Homepage ranking: the top 10 across the full width in two columns, 1-5 left and 6-10 right (Will 2026-11-02:
   "use the whole width"). The two former side-column ads sit side by side in one row under the list. */
.ranking-ads{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;margin-top:36px}
.ranking-ads>*{flex:0 1 420px;min-width:0;margin:0!important}
@media (min-width:900px){
.ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;column-gap:56px}
.ranking-grid>.restaurant-row{grid-template-columns:30px 120px minmax(0,1fr) 84px;gap:6px 20px;align-items:start;padding-block:20px}
.ranking-grid>.restaurant-row:first-child,.ranking-grid>.restaurant-row:nth-child(6){padding-top:0;border-top:0}
.ranking-grid>.restaurant-row:last-child,.ranking-grid>.restaurant-row:nth-child(5){padding-bottom:0}
.ranking-grid .restaurant-photo{grid-column:2;grid-row:1}
.ranking-grid .restaurant-photo>a:not(.photo-credit)>img{height:110px;width:120px;object-fit:cover}
.ranking-grid .restaurant-copy{grid-column:3;grid-row:1}
.ranking-grid .restaurant-copy h3{font-size:24px}
.ranking-grid>.restaurant-row>.score{grid-column:4;grid-row:1;display:block;text-align:center}
.ranking-grid>.restaurant-row>.score strong{font-size:28px}
.ranking-grid>.restaurant-row>.score small{display:none}
}
@media (min-width:900px) and (max-width:1180px){
.ranking-grid{column-gap:36px}
.ranking-grid>.restaurant-row{grid-template-columns:26px 96px minmax(0,1fr);gap:6px 16px}
.ranking-grid .restaurant-photo{grid-row:1 / span 2}
.ranking-grid .restaurant-photo>a:not(.photo-credit)>img{height:96px;width:96px}
.ranking-grid .restaurant-copy h3{font-size:22px}
.ranking-grid>.restaurant-row>.score{grid-column:3;grid-row:2;display:flex;align-items:baseline;gap:7px;text-align:left}
.ranking-grid>.restaurant-row>.score strong{font-size:24px}
}
/* Guides worth opening: most read + worth a closer look, two lists side by side (Will 2026-11-02). */
.guide-picks{padding-block:60px 20px}
.guide-picks .section-heading{margin-bottom:26px}
.picks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.picks-col>h3{font:600 15px/1.3 var(--body);color:var(--accent);text-transform:none;letter-spacing:0}
.picks-note{font-size:13px;color:var(--muted);margin:4px 0 14px}
.picks-col ol{list-style:none;margin:0;padding:0}
.picks-col li{border-top:1px solid var(--line)}
.picks-col li:first-child{border-top:0}
.pick{display:grid;grid-template-columns:28px 72px minmax(0,1fr);gap:16px;align-items:center;padding-block:14px;text-decoration:none;color:inherit}
.pick-no{font:600 16px/1 var(--display);color:var(--accent)}
.pick>img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius)}
.pick-copy b{display:block;font:600 19px/1.25 var(--display);color:var(--ink)}
.pick-copy small{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.pick:hover .pick-copy b{color:var(--accent)}
@media (max-width:850px){.picks-grid{grid-template-columns:1fr;gap:34px}.guide-picks{padding-block:45px 10px}}
@media (max-width:560px){.pick{grid-template-columns:24px 60px minmax(0,1fr);gap:12px}.pick>img{width:60px;height:60px}.pick-copy b{font-size:17px}}
