/* Revision 24: the compact booking journey uses the landing page's brand styles. */
#find-dialog{color:var(--ink);background:var(--cream);font-family:var(--font-body)}
#find-dialog .flow-head{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:62px;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--cream)}
#find-dialog .flow-head .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:8px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--green)}
#find-dialog .flow-head .icon-button:hover{background:var(--soft)}
#find-dialog .flow-back{line-height:1}
#find-dialog .flow-back .icon{display:block;width:20px;height:20px;transform:rotate(180deg)}
#find-dialog .flow-brand{display:flex;align-items:center;justify-self:center;gap:6px;width:164px;min-height:0;height:40px;padding:0;margin:0;border:0;mix-blend-mode:darken}
#find-dialog .flow-brand .brand-symbol{width:34px;height:34px}
#find-dialog .flow-brand .brand-wordmark{width:124px;height:25px}
#find-dialog .flow-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 6px;font:600 12px/1.25 var(--font-body);color:var(--green-dark);flex-shrink:0}
#find-dialog #flow-step-count{font:400 12px/1.25 var(--font-body);color:var(--muted);margin:0}
#find-dialog .journey-progress{height:5px;margin:0 18px 15px;background:var(--line)}
#find-dialog .flow-step h2,#find-dialog .compact-intro h2,#find-dialog .results-intro h2{font:400 29px/1.06 var(--font-display);letter-spacing:-.035em;color:var(--green-dark);margin:0 0 10px}
#find-dialog .flow-step h2 em{font-weight:400;color:var(--red)}
#find-dialog .compact-intro,#find-dialog .welcome-intro{margin:4px 0 18px;text-align:left}
#find-dialog .compact-intro p{font:400 13px/1.45 var(--font-body);color:var(--ink);max-width:none;margin:0}
#find-dialog .booking-field{border-radius:12px;box-shadow:none;background:var(--paper);border-color:var(--line)}
#find-dialog .booking-field label{font:400 12px/1.25 var(--font-body);color:var(--muted)}
#find-dialog .booking-field input,#find-dialog .booking-field select{font:400 16px/1.3 var(--font-body);color:var(--green-dark)}
#find-dialog #postcode:autofill{box-shadow:0 0 0 1000px var(--paper) inset;color:var(--green-dark);caret-color:var(--green-dark)}
#find-dialog #postcode:-webkit-autofill,
#find-dialog #postcode:-webkit-autofill:hover,
#find-dialog #postcode:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--paper) inset;box-shadow:0 0 0 1000px var(--paper) inset;-webkit-text-fill-color:var(--green-dark);caret-color:var(--green-dark)}
#find-dialog input::placeholder,#find-dialog textarea::placeholder{color:var(--muted);opacity:1}
#find-dialog .frequency-fieldset legend,#find-dialog .meal-counter label,#find-dialog .booking-cuisines legend,#find-dialog .needs-fieldset legend,#find-dialog .booking-notes label{font:600 14px/1.25 var(--font-body);color:var(--green-dark)}
#find-dialog .radio-choice{min-height:44px;border-radius:8px;font:400 13px/1.3 var(--font-body)}
#find-dialog .radio-choice:has(:checked){background:var(--soft);color:var(--green-dark);border-color:var(--green)}
#find-dialog .meal-counter .counter{height:44px;border-radius:10px;padding-inline:3px;border-color:var(--line)}
#find-dialog .counter button{width:44px;height:42px;min-width:44px;min-height:42px;font:400 24px/1 var(--font-body)}
#find-dialog .counter output{font:600 16px/1 var(--font-body)}
#find-dialog #flow-cuisines .cuisine-title{font:600 12px/1.25 var(--font-body);color:var(--green-dark)}
#find-dialog #flow-cuisines .cuisine{border-radius:12px}
#find-dialog #flow-cuisines .cuisine-tick{border-radius:50%;border-color:var(--line)}
#find-dialog #flow-cuisines .cuisine[aria-pressed=true]{background:var(--soft);border-color:var(--green)}
#find-dialog .cuisine-more{font:600 12px/1.25 var(--font-body);min-height:36px;color:var(--green)}
#find-dialog .preference-chip,#find-dialog .preference-more{min-height:44px;border-radius:8px;font:400 13px/1.25 var(--font-body)}
#find-dialog .preference-chip:has(:checked),#find-dialog .preference-chip[aria-pressed=true]{background:var(--soft);color:var(--green-dark);border-color:var(--green)}
#find-dialog #notes,#find-dialog #allergies{font:400 16px/1.45 var(--font-body);background:var(--paper);border:1px solid var(--line);border-radius:12px}
#find-dialog .flow-foot{padding-top:10px;border-top:1px solid var(--line);background:var(--cream)}
#find-dialog .flow-foot .button,#find-dialog[data-current-step="2"] .flow-foot .button{min-height:48px;border-radius:8px;font:600 15px/1.3 var(--font-body);background:var(--red);border-color:var(--red);color:var(--paper);box-shadow:none}
#find-dialog .flow-foot .button:hover{background:#9e2d1d;border-color:#9e2d1d}
#find-dialog .chef-card-copy h3{font:400 20px/1.1 var(--font-display);letter-spacing:-.035em;color:var(--green-dark)}
#find-dialog .example-chef{border-radius:16px}
#find-dialog .example-chef summary{min-height:44px;border-radius:8px;font:600 13px/1.25 var(--font-body)}
@media(max-width:359px){#find-dialog .flow-step h2,#find-dialog .compact-intro h2,#find-dialog .results-intro h2{font-size:27px}#find-dialog .flow-head{padding-inline:8px;gap:6px}#find-dialog .flow-brand{width:156px;gap:5px}#find-dialog .flow-brand .brand-symbol{width:32px;height:32px}#find-dialog .flow-brand .brand-wordmark{width:119px;height:24px}}
@media(max-height:740px){#find-dialog .flow-head{min-height:56px;padding-block:4px}#find-dialog .flow-progress-meta{padding-top:9px}#find-dialog .journey-progress{margin-bottom:12px}#find-dialog .compact-intro,#find-dialog .welcome-intro{margin-bottom:14px}#find-dialog .meal-counters{gap:8px}#find-dialog .cuisine-more{min-height:32px}#find-dialog .flow-scroll{padding-bottom:0}}
@media(min-width:600px){#find-dialog{border:1px solid var(--line);border-radius:20px}#find-dialog .flow-progress-meta{padding-inline:22px}#find-dialog .journey-progress{margin-inline:22px}}
/* Revision 27: two compact collapsible lists, with one open at a time. */
#find-dialog .needs-disclosure+.needs-disclosure{margin-top:9px}
#find-dialog .needs-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--green-dark);text-align:left;font:600 14px/1.25 var(--font-body)}
#find-dialog .needs-toggle:hover{background:var(--soft)}
#find-dialog .needs-toggle small{margin-left:auto;font:400 11px/1.3 var(--font-body);color:var(--muted)}
#find-dialog .needs-chevron{font:400 21px/1 var(--font-body);color:var(--red);transition:transform .15s}
#find-dialog .needs-toggle[aria-expanded=true] .needs-chevron{transform:rotate(180deg)}
#find-dialog .needs-selection-summary{font:12px/1.4 var(--font-body);color:var(--green);margin:7px 1px 0;overflow-wrap:anywhere}
#find-dialog #dietary-options,#find-dialog #allergy-options{padding:12px 0 3px}
#find-dialog .allergy-group{min-width:0;padding:0;margin:0 0 16px;border:0}
#find-dialog .allergy-group legend{font:600 13px/1.3 var(--font-body);color:var(--green-dark);margin:0 0 8px}
#find-dialog .allergy-help{font:12px/1.4 var(--font-body);margin:-3px 0 9px;color:var(--muted)}
#find-dialog .allergy-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#find-dialog .allergy-chips .preference-chip{padding:8px 9px;font-size:12px}
#find-dialog .allergy-other{grid-column:1/-1}
#find-dialog #allergy-details label{font:600 13px/1.3 var(--font-body);color:var(--green-dark)}
#find-dialog #allergies{width:100%;min-height:90px;padding:10px;resize:vertical}
@media(max-width:359px){#find-dialog .dietary-chips .preference-chip{font-size:12px;padding-inline:3px}}
@media(prefers-reduced-motion:reduce){#find-dialog .needs-chevron{transition:none}}