:root{--site-header-height:104px;--mobile-nav-height:0px}
.header,.journal-header{position:sticky!important;top:0;z-index:45;background:var(--paper);width:100%}
.journal-header{max-width:none}
html{scroll-padding-top:calc(var(--site-header-height) + 18px)}
:is(.section,.cuisine,.gallery,.journal-story-body h2){scroll-margin-top:8px}
.site-mobile-nav{display:none}
@media(max-width:1000px){
 :root{--site-header-height:90px;--mobile-nav-height:calc(66px + env(safe-area-inset-bottom,0px))}
 body.has-mobile-navigation{padding-bottom:var(--mobile-nav-height)}
 .site-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:60;background:rgba(248,245,238,.98);color:var(--ink);border-top:1px solid #cad0c1;box-shadow:0 -6px 24px #20382c0b;padding:0 10px env(safe-area-inset-bottom,0px);height:var(--mobile-nav-height);backdrop-filter:blur(12px)}
 .site-mobile-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:60px;padding:7px 3px 6px;font:500 10px/1.4 var(--sans);text-align:center;color:#6d7668;white-space:nowrap}
 .site-mobile-nav a svg{width:23px;height:23px;flex-shrink:0}
 .site-mobile-nav a[data-active]{color:#263e32;background:#e8eddf}
 .site-mobile-nav a[data-active]:before{content:'';position:absolute;top:0;left:22%;right:22%;height:2px;background:#8e744e}
 .site-mobile-nav a:focus-visible{outline:2px solid var(--forest);outline-offset:-5px}
 .choice-launch{bottom:calc(var(--mobile-nav-height) + 14px)!important;z-index:40}
 .mobile-nav{position:fixed;top:var(--site-header-height);max-height:calc(100dvh - var(--site-header-height) - var(--mobile-nav-height));overflow-y:auto;z-index:44}
 .menu-page .header{position:sticky!important}
 .menu-page .selection-panel{scroll-margin-top:8px}
 .journal-footer{padding-bottom:30px}
}
@media(max-width:680px){:root{--site-header-height:86px}.site-mobile-nav a{font-size:10px;min-height:60px}.site-mobile-nav{padding-left:5px;padding-right:5px}.site-mobile-nav a svg{width:22px;height:22px}}
@media(max-width:350px){.site-mobile-nav a{font-size:9px}}
@media print{.site-mobile-nav{display:none!important}.header,.journal-header{position:static!important}body.has-mobile-navigation{padding-bottom:0}}