/* Little Chef Food Explorer — the category pills, results and ingredient card.
   The pills were inert markup with no script behind them at all. */
#page-kids .ce-chip{ cursor:pointer; user-select:none; transition:background .15s, border-color .15s; }
#page-kids .ce-chip:hover{ border-color:#2F5D50; }
#page-kids .ce-chip.is-on{
  background:#12213A !important; border-color:#12213A !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#page-kids .ce-chip:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }

/* These four were inert markup at 21–38px tall. Now that they do something they
   need real tap targets. */
#page-kids .ce-search-input{ min-height:48px !important; }
#page-kids .ce-search-btn{ min-height:48px !important; }
#page-kids .chef-explorer-section button{ min-height:44px; }

#page-kids .ce-results{ margin-top:22px; }
#page-kids .ce-count{
  margin:0 0 12px; font-size:.82rem; font-weight:800;
  color:#5B6470 !important; -webkit-text-fill-color:#5B6470 !important;
}
#page-kids .ce-none{ margin:0; font-size:.92rem;
  color:#5B6470 !important; -webkit-text-fill-color:#5B6470 !important; }
#page-kids .ce-ings{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:10px;
}
#page-kids .ce-ing{
  display:flex; align-items:center; gap:11px; text-align:left; cursor:pointer;
  font-family:inherit; background:#fff !important; border:1px solid #E7E2D8;
  border-radius:16px; padding:12px 13px; min-height:56px;
  transition:transform .14s, border-color .14s, box-shadow .14s;
}
#page-kids .ce-ing:hover{ transform:translateY(-2px); border-color:#2F5D50;
  box-shadow:0 8px 20px rgba(18,33,58,.08); }
#page-kids .ce-ing:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#page-kids .ce-ing-e{ font-size:1.35rem; flex:none; line-height:1; }
#page-kids .ce-ing-b{ min-width:0; }
#page-kids .ce-ing-n{ display:block; font-size:.92rem; font-weight:700;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important; }
#page-kids .ce-ing-t{ display:block; margin-top:2px; font-size:.74rem;
  color:#6B7280 !important; -webkit-text-fill-color:#6B7280 !important; }

#page-kids .ce-detail{
  position:relative; background:#F6F9F4; border:1px solid #D9E5D3; border-radius:22px;
  padding:22px 24px; margin-bottom:18px;
}
#page-kids .ce-dx{
  position:absolute; top:12px; right:12px; width:44px; height:44px; cursor:pointer;
  border:1px solid #D9E5D3; background:#fff; border-radius:50%; font-size:1.1rem;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important;
}
#page-kids .ce-d-top{ display:flex; align-items:center; gap:14px; padding-right:48px; }
#page-kids .ce-d-e{ font-size:2.4rem; line-height:1; flex:none; }
#page-kids .ce-d-n{ margin:0; font-family:var(--ce-serif,Georgia),serif; font-size:1.45rem; font-weight:700;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important; }
#page-kids .ce-d-c{ margin:3px 0 0; font-size:.8rem; font-weight:700;
  color:#3F6B54 !important; -webkit-text-fill-color:#3F6B54 !important; }
#page-kids .ce-d-d{ margin:14px 0 0; font-size:1rem; line-height:1.65;
  color:#2B2B2B !important; -webkit-text-fill-color:#2B2B2B !important; }
#page-kids .ce-d-mission{ margin-top:16px; background:#fff; border:1px solid #E7E2D8;
  border-radius:16px; padding:14px 16px; }
#page-kids .ce-d-mission b{ display:block; font-size:.72rem; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:#3F6B54 !important; -webkit-text-fill-color:#3F6B54 !important; }
#page-kids .ce-d-mission p{ margin:7px 0 0; font-size:.9rem; line-height:1.6;
  color:#2B2B2B !important; -webkit-text-fill-color:#2B2B2B !important; }
#page-kids .ce-d-acts{ display:flex; gap:9px; flex-wrap:wrap; margin-top:15px; }
#page-kids .ce-d-b{
  cursor:pointer; font-family:inherit; font-size:.82rem; font-weight:800; border-radius:999px;
  padding:11px 18px; min-height:44px; background:#fff !important; border:1px solid #D9E5D3;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important;
}
#page-kids .ce-d-b:hover{ background:#EAF2E6 !important; }
#page-kids .ce-d-b:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
@media (max-width:560px){
  #page-kids .ce-ings{ grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); }
  #page-kids .ce-detail{ padding:20px 16px; }
}

/* ---- voice / Alexa sheet ---- */
#page-kids .ce-way,.ce-way{ display:flex; align-items:flex-start; gap:13px; width:100%; text-align:left;
  cursor:pointer; font-family:inherit; background:#fff !important; border:1px solid #E7E2D8;
  border-radius:18px; padding:15px 16px; min-height:44px; margin-bottom:10px; }
.ce-way:hover{ border-color:#2F5D50; background:#F3F8F1 !important; }
.ce-way:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
.ce-way-ic{ font-size:1.3rem; flex:none; line-height:1.2; }
.ce-way-t{ display:block; font-size:.98rem; font-weight:800;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important; }
.ce-way-d{ display:block; margin-top:4px; font-size:.83rem; line-height:1.55;
  color:#5B6470 !important; -webkit-text-fill-color:#5B6470 !important; }
.ce-sheet-bg{ position:fixed; inset:0; background:rgba(18,33,58,.5); z-index:200000;
  display:flex; align-items:center; justify-content:center; padding:18px;
  height:100vh; height:100dvh; overflow-y:auto; }
.ce-sheet{ background:#fff; border-radius:24px; width:100%; max-width:560px; padding:24px;
  max-height:calc(100vh - 44px); max-height:calc(100dvh - 44px); overflow-y:auto; }
.ce-sheet-h{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:12px; }
.ce-s-t{ margin:0; font-family:var(--ce-serif,Georgia),serif; font-size:1.3rem; font-weight:700;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important; }
.ce-s-lead{ margin:0 0 14px; font-size:.95rem; line-height:1.6;
  color:#5B6470 !important; -webkit-text-fill-color:#5B6470 !important; }
.ce-s-note{ margin:14px 0 0; font-size:.83rem; line-height:1.6;
  color:#5B6470 !important; -webkit-text-fill-color:#5B6470 !important; }
.ce-say{ margin:0; padding-left:20px; font-size:.93rem; line-height:1.85;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important; }
.ce-sheet-f{ display:flex; gap:9px; flex-wrap:wrap; margin-top:16px; }
/* the sheet sits outside #page-kids, so the page-scoped 44px rule does not reach it */
.ce-sheet .ce-d-b,.ce-sheet .ce-dx{
  min-height:44px !important; display:inline-flex; align-items:center; justify-content:center;
}
.ce-sheet .ce-d-b{ cursor:pointer; font-family:inherit; font-size:.82rem; font-weight:800;
  border-radius:999px; padding:11px 18px; background:#fff; border:1px solid #D9E5D3;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important; }
.ce-sheet .ce-dx{ position:static; width:44px; height:44px; border-radius:50%;
  border:1px solid #E7E2D8; background:#fff; font-size:1.1rem; flex:none;
  color:#12213A !important; -webkit-text-fill-color:#12213A !important; }
.ce-d-b--primary{ background:#12213A !important; border-color:#12213A !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
@media (max-width:560px){ .ce-sheet-bg{ padding:0; align-items:flex-end; }
  .ce-sheet{ max-width:none; border-radius:24px 24px 0 0; } }