/* One visual language for the first-use and discovery journey. */
:root{--fok-radius:18px;--fok-control:14px;--fok-line:#244e4026;--fok-paper:#fffaf0;--fok-green:#244e40}
body .primary-dock{max-width:420px;border-radius:24px;padding:6px;background:#fffaf0f5;color:#244e40;border:1px solid #244e4020;box-shadow:0 8px 28px #142c3017}
body .primary-dock a{font:500 12px/1.2 Arial,Helvetica,sans-serif;min-height:56px;border-radius:18px;gap:5px}
body .primary-dock a>span:not(.nav-count){min-height:0}
body .primary-dock a>svg{width:22px;height:22px;transform:none}
body .primary-dock a[aria-current=page]{background:#e2ecdd;color:#244e40;font-weight:700}
body.city-app .primary-dock{background:#fffaf0f5!important;color:#244e40!important}
body.city-app .primary-dock a{color:#244e40!important}
.my-fok-page main.my-fok{padding-bottom:140px}
.croissant-menu .restaurant-menu-entry{border-top:1px solid #244e4020;margin-top:10px;padding-top:16px;font-size:12px}
body.city-app:not(.browsing) main{padding-top:100px;padding-bottom:118px;align-items:center}
body.city-app:not(.browsing) .start{width:min(100%,740px)}
.start h1.fok-logo-heading{width:min(292px,80%);margin:0 auto 28px}
.start label{font:italic 700 clamp(25px,4vw,33px)/1.3 Fraunces,Georgia,serif;letter-spacing:-.025em;margin:0 auto 22px}
.start .question-line{display:inline}.start .question-line+.question-line:before{content:' '}
.start form{max-width:540px}.start #city{height:58px;border-radius:var(--fok-control);box-shadow:none;font-size:16px}
.combined-choice-label{font:600 12px/1.5 Arial;letter-spacing:.07em;margin:-8px 0 22px}.welcome-both-choice{color:#244e40;font:13px/1.5 Arial;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-underline-offset:5px;text-align:center}
body.city-app.browsing .results-top .submit-link{display:none}.results-heading{padding-block:32px 20px}.result #city-subtitle{font-size:16px;line-height:1.6}.result .city-actions{margin-bottom:25px}
.results-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 20px}.results-meta .count{margin:0}.location-once{color:inherit;background:transparent;border:0;min-height:44px;padding:8px 0;font:13px/1.4 Arial;text-decoration:underline;text-underline-offset:4px;cursor:pointer;box-shadow:none}
body .calm-venue{position:relative;border-radius:22px;box-shadow:0 6px 20px #173c3208;overflow:hidden;isolation:isolate}
.calm-venue .venue-content{padding:20px 22px 23px}.calm-venue .kind{font:11px/1.5 Arial;letter-spacing:.04em;margin:0 0 8px}.calm-venue h3{margin:0 0 9px;font:700 23px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.6px}
.calm-venue .venue-open{font:inherit;letter-spacing:inherit;text-align:left;color:inherit;background:none;border:0;padding:0;min-height:0;box-shadow:none;border-radius:0;cursor:pointer}.venue-open:after{content:'';position:absolute;inset:0;z-index:1}.calm-venue:focus-within{outline:3px solid currentColor;outline-offset:3px}.calm-venue .venue-open:focus-visible{outline:none}
.calm-venue .card-favo{z-index:3}.calm-venue .walk-distance a{position:relative;z-index:3}.calm-venue .venue-address{font:13px/1.6 Arial;margin:0 0 15px;opacity:.85}.calm-venue .badge{font-size:11px;padding:7px 10px;border-radius:8px}.calm-venue .caution{font-size:12px;line-height:1.6;margin:15px 0 0;border-radius:10px}.calm-venue .walk-distance{font-size:12px;margin-top:12px}.calm-venue .walk-distance small{display:block;font-size:12px;line-height:1.5}.calm-venue .venue-media{cursor:pointer}.calm-venue .venue-media:focus-visible{outline:3px solid var(--town-ink,#244e40);outline-offset:-5px}.is-favo .bookmark-icon path{fill:currentColor;fill-opacity:.18}
body .chips button{border-radius:14px;box-shadow:none}.both-information{padding:20px;margin:22px 0;background:#e7efe0;border:1px solid #244e4026;border-radius:18px;color:#244e40}.both-information h3{font:italic 700 25px/1.2 Fraunces,Georgia,serif}.both-information p{font:14px/1.7 Arial}.both-information summary{cursor:pointer;padding:12px 0;font-weight:600}.fok-local-note{font-size:12px!important;margin-top:24px!important;opacity:.8}
[hidden]{display:none!important}
@media(max-width:600px){.start h1.fok-logo-heading{width:min(260px,80%)}.results-meta{gap:10px}.location-once{font-size:12px}.calm-venue .venue-content{padding:19px 20px 22px}}
@media(prefers-reduced-motion:reduce){}
/* Complete dock geometry also on personal pages without the legacy UX sheet. */
body .primary-dock{position:fixed;z-index:20;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);display:flex;gap:5px;backdrop-filter:blur(16px)}
body .primary-dock a{position:relative;display:flex;flex:1;flex-basis:0;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:5px 2px;text-decoration:none;color:inherit;text-align:center}
body .primary-dock .nav-count{position:absolute;right:12px;top:3px;min-width:18px;height:18px;border-radius:50%;line-height:18px;font-size:10px;background:#244e40;color:#fff}
body.city-app.browsing:not(.saved-mode)[data-city=Groningen]{--town-bg:#e6eadf;--town-title:#3f513b;--town-ink:#3f513b;--town-card:#fafcf5}
body[data-diet=both] .fok-logo-frame{-webkit-mask-image:url('/assets/brand/word-mask.svg');mask-image:url('/assets/brand/word-mask.svg')}

.catalog-load-error{margin:24px auto 0;max-width:540px;font:14px/1.6 Arial}.catalog-load-error button{min-height:44px;border:1px solid currentColor;border-radius:14px;background:transparent;color:inherit;padding:10px 18px;cursor:pointer}

.profile-diet-settings{border:0;padding:0;margin:30px 0}.profile-diet-settings legend{font:italic 700 27px/1.2 Fraunces,Georgia,serif}.profile-diet-settings .fok-options{margin:18px 0 12px}.profile-diet-settings .fok-options button{border-radius:14px}

.active-preference{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 10px;font:12px/1.5 Arial;color:inherit}.active-preference span{padding:7px 11px;border:1px solid currentColor;border-radius:999px}.active-preference a{color:inherit;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}body.city-app:not([data-edition=blue]) .secondary-filters #venue-search{width:100%;max-width:none}
/* Let touch gestures scroll the city list without selecting a city. */
#suggestions{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}