/* Chef Amazing, the v2 look for every page that isn't v2.html itself: the city guides,
   food travel, markets, tours, the Almanac, the Best 100, cookbooks, recipes and the
   server-printed pages (Brian, Oct 22 2026: "there should only be the v2 look and
   navigation everywhere user goes"). sitebar.js adds the v2 top bar and bottom tabs.
   Fonts are served from /fonts. The old pages name Georgia, Helvetica and Arial all
   over (often in `font:` shorthands and inline styles), so those names are pointed at
   Inter here: one change reskins every page without touching its markup. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* The old faces, now Inter. */
@font-face{font-family:Georgia;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Times New Roman";font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:Helvetica;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Helvetica Neue";font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:Arial;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}

/* v2's colors, and the old pages' color names pointed at them. Light only, like v2.
   Three :root's outrank the old pages' dark-mode blocks. */
:root:root:root{color-scheme:light;
  --ink:#17140F;--ink2:#3A3530;--muted:#625C55;--line:#E8E4DF;--line2:#EFEBE6;--surface:#F5F2EE;--ground:#FFFFFF;
  --tomato:#B12F17;--tomato-dk:#8E2410;--olive:#3F6B3A;--blue:#2E4A7A;--amber:#8A5A12;
  --head:"Bricolage Grotesque",system-ui,sans-serif;--text:Inter,system-ui,-apple-system,sans-serif;--quote:Newsreader,Georgia,serif;
  --bg:#FFFFFF;--card:#FFFFFF;--mute:#625C55;--acc:#B12F17;--accink:#FFFFFF;--soft:#F5F2EE;--deep:#17140F;--gold:#8A5A12;--ok:#3F6B3A;--warn:#8A5A12;
  --eat:#B12F17;--shop:#2E4A7A;--ing:#3F6B3A}
html body{background:#FFFFFF;color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased}
body h1,body h2,body .h1,body .h2{font-family:var(--head) !important;letter-spacing:-.4px}
body h1{font-weight:800}
body h2,body h3{font-weight:700}
body blockquote,body .quote{font-family:var(--quote)}

/* The v2 top bar. */
.catop{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);font-family:var(--text)}
.catop .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:0 20px;height:56px}
html body .catop .br{font:700 18px var(--head);letter-spacing:-.2px;color:var(--ink);text-decoration:none;margin-right:auto;white-space:nowrap}
.catop .sr{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 300px;height:38px;border-radius:12px;background:var(--surface);color:var(--muted) !important;font:400 14px var(--text);padding:0 12px;text-decoration:none;overflow:hidden;white-space:nowrap}
.catop .sr span{overflow:hidden;text-overflow:ellipsis}
html body .catop .av{width:36px;height:36px;border-radius:18px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font:600 14px var(--text);text-decoration:none;flex:0 0 36px}
html body .catop .si{font:600 14px var(--text);color:var(--ink);text-decoration:none;white-space:nowrap}
@media (max-width:520px){.catop .sr{flex:0 0 38px;padding:0;justify-content:center}.catop .sr span{display:none}}

/* The v2 bottom tabs, on every width, like the app. */
body{padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important}
.cabar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}
.cabar .nin{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}
html body .cabar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:500 11px var(--text);color:var(--muted);min-height:48px;text-decoration:none}
html body .cabar a:hover{color:var(--ink)}
html body .cabar a[aria-current]{color:var(--ink);font-weight:600}
.stickycta{bottom:calc(84px + env(safe-area-inset-bottom)) !important}
@media print{.catop,.cabar{display:none !important}body{padding-bottom:0 !important}}