:root { --page: #f6f3ec; --intro: #e1eadf; --field: #fff; --result: #fff8ef; --ink: #1c332b; --muted: #59655f; --line: #cbd4ca; --line-strong: #829187; --primary: #284b3f; --accent: #d35d35; --accent-ink: #a63b20; --soft: #ece8dc; --display: "Trebuchet MS", ui-sans-serif, sans-serif; }
.tool-layout { grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); grid-template-areas: "workspace intro"; }
.tool-intro { grid-area: intro; background: #e1eadf; position: relative; overflow: hidden; border-right: 0; border-left: 1px solid var(--line); }
.workspace { grid-area: workspace; }
.tool-intro::after { content: "seasonal  •  practical  •  yours"; display: block; border-top: 1px solid #9fb0a2; color: #446554; padding-top: 18px; max-width: 320px; font-family: var(--display); font-size: 20px; }
.workspace { background: #fffaf4; }
.hero-visual { border-radius: 50% 50% 44% 44%; filter: drop-shadow(0 18px 20px rgb(40 75 63 / 16%)); }
.button, input, textarea, select, .segmented { border-radius: 2px; }
.brand-logo { border-radius: 50%; }
.site-header[data-header-layout="food-editorial"] { background: #f8f5ee; border-bottom-color: #829187; }
.site-header[data-header-layout="food-editorial"] .header-main { min-height: 90px; gap: clamp(22px, 3vw, 54px); }
.site-header[data-header-layout="food-editorial"] .brand-logo { width: 48px; height: 48px; }
.site-header[data-header-layout="food-editorial"] .brand-copy strong { font-family: var(--display); font-size: 21px; }
.site-header[data-header-layout="food-editorial"] .brand-copy small { color: #65736b; }
.site-header[data-header-layout="food-editorial"] .site-nav { margin-left: auto; }
.site-header[data-header-layout="food-editorial"] .site-nav a { padding-inline: 10px; color: #334b42; font-size: 11px; font-weight: 830; }
.site-header[data-header-layout="food-editorial"] .site-nav a:hover,
.site-header[data-header-layout="food-editorial"] .site-nav a[aria-current="page"] { border-bottom-color: #d35d35; color: #1c332b; }
.site-header[data-header-layout="food-editorial"] .header-actions .secondary { border: 0; font-size: 12px; }
.site-header[data-header-layout="food-editorial"] .header-cta { min-width: 142px; background: #284b3f; border-radius: 2px; font-size: 12px; }

/* The food console uses a market-green rail and warm service surfaces to match the meal planner. */
[data-capability="food"].admin-shell {
  --admin-line: #cbd4ca;
  --admin-muted: #59655f;
  --admin-accent: #d35d35;
  background: #f6f3ec;
  color: #1c332b;
}
[data-capability="food"] .admin-topbar { background: #f8f5ee; border-bottom-color: #9fb0a2; }
[data-capability="food"] .admin-brand strong,
[data-capability="food"] .admin-heading h1,
[data-capability="food"] .admin-inspector h2 { font-family: var(--display); }
[data-capability="food"] .admin-brand img { border-radius: 50%; }
[data-capability="food"] .admin-sidebar { background: #284b3f; }
[data-capability="food"] .admin-sidebar a[aria-current="page"],
[data-capability="food"] .admin-sidebar a:hover { border-left-color: #f2a181; background: rgb(255 255 255 / 10%); }
[data-capability="food"] .admin-heading { padding-bottom: 18px; border-bottom: 1px solid #9fb0a2; }
[data-capability="food"] .admin-dashboard article { border-radius: 2px; border-top: 0; border-left: 5px solid #d35d35; background: #fffaf4; box-shadow: 0 10px 24px rgb(40 75 63 / 8%); }
[data-capability="food"] .admin-dashboard strong { font-family: var(--display); color: #284b3f; }
[data-capability="food"] .admin-table-wrap { border-color: #9fb0a2; border-radius: 2px; background: #fffaf4; }
[data-capability="food"] .admin-table-wrap th { background: #e1eadf; border-bottom-color: #9fb0a2; }
[data-capability="food"] .admin-table-wrap tbody tr:hover { background: #f1e1d4; }
[data-capability="food"] .admin-inspector { border-top: 5px solid #d35d35; border-radius: 2px; background: #fffaf4; }
[data-capability="food"] .admin-auth-page { background: #f1e1d4; }
[data-capability="food"] .admin-auth-panel { border-left: 5px solid #d35d35; background: #fffaf4; }
[data-capability="food"] .admin-text-button,
[data-capability="food"] .admin-record-link { color: #a63b20; }

[data-capability="food"] .pricing-page .content-copy {
  display: grid;
  grid-template-columns: minmax(240px, .78fr) minmax(360px, 1.22fr);
  grid-template-areas: "eyebrow plans" "title plans" "summary plans" "notice notice" "mock mock";
  column-gap: clamp(34px, 6vw, 76px);
  align-items: start;
}
[data-capability="food"] .pricing-eyebrow { grid-area: eyebrow; }
[data-capability="food"] .pricing-title { grid-area: title; font-size: clamp(38px, 4vw, 56px); }
[data-capability="food"] .pricing-summary { grid-area: summary; color: var(--muted); line-height: 1.7; }
[data-capability="food"] .pricing-grid { grid-area: plans; grid-template-columns: 1fr; margin-top: 0; }
[data-capability="food"] .pricing-notice { grid-area: notice; margin-top: 34px; }
[data-capability="food"] .mock-tools { grid-area: mock; }
[data-capability="food"] .price-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 20px; border-left: 5px solid var(--accent); }
[data-capability="food"] .price-item .price { margin: 0; grid-column: 2; grid-row: 1 / span 2; }
[data-capability="food"] .price-item .plan-credits,
[data-capability="food"] .price-item .plan-summary,
[data-capability="food"] .price-item ul,
[data-capability="food"] .price-item .plan-action { grid-column: 1 / -1; }
[data-capability="food"] .pricing-page .side-facts { border-top-color: #9fb0a2; }
[data-capability="food"] .purchase-page { grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr); }
[data-capability="food"] .purchase-intro { padding-top: 24px; }
[data-capability="food"] .purchase-order { border: 0; border-left: 7px solid var(--accent); background: #fffaf4; box-shadow: 0 16px 40px rgb(40 75 63 / 10%); }

[data-capability="food"] .home-story[data-home-layout="table-planner"] { background: #fffaf4; }
[data-capability="food"] .home-overview { text-align: center; }
[data-capability="food"] .home-overview .home-section-heading { width: min(780px, 100%); margin: 0 auto 48px; }
[data-capability="food"] .home-overview .home-section-heading h2,
[data-capability="food"] .home-overview .home-section-heading p { max-width: none; }
[data-capability="food"] .home-highlights { gap: 0; border: 1px solid #9fb0a2; background: #fff; text-align: left; }
[data-capability="food"] .home-highlight { border: 0; border-right: 1px solid #9fb0a2; background: transparent; padding: 30px; }
[data-capability="food"] .home-highlight:last-child { border-right: 0; }
[data-capability="food"] .home-highlight h3 { margin-top: 38px; font-size: 24px; }
[data-capability="food"] .home-workflow { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr); gap: 72px; background: #284b3f; color: #fff; }
[data-capability="food"] .home-workflow .eyebrow { color: #f2a181; }
[data-capability="food"] .home-workflow .home-section-heading > p:last-child,
[data-capability="food"] .home-workflow .home-step p { color: #dbe8df; }
[data-capability="food"] .home-steps { grid-template-columns: 1fr; counter-reset: meal-step; }
[data-capability="food"] .home-step { grid-template-columns: 64px minmax(0, 1fr); gap: 22px; border-top-color: #6f8d7e; }
[data-capability="food"] .home-step > span { color: #f2a181; }
[data-capability="food"] .home-assurance { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 64px; background: #f1e1d4; border-top: 5px solid #d35d35; }
[data-capability="food"] .home-assurance ul { align-self: center; }
[data-capability="food"] .home-faq { display: grid; grid-template-columns: minmax(230px, .6fr) minmax(0, 1.4fr); gap: 72px; }
[data-capability="food"] .home-faq-item { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr); gap: 28px; }
[data-capability="food"] .home-faq dd { margin: 0; }

@media (max-width: 820px) {
  .tool-layout { grid-template-columns: 1fr; grid-template-areas: "intro" "workspace"; }
  .tool-intro { border-left: 0; }
  [data-capability="food"] .pricing-page .content-copy { display: block; }
  [data-capability="food"] .pricing-grid { margin-top: 34px; }
  [data-capability="food"] .purchase-page { grid-template-columns: 1fr; }
  [data-capability="food"] .home-highlight { border-right: 0; border-bottom: 1px solid #9fb0a2; }
  [data-capability="food"] .home-highlight:last-child { border-bottom: 0; }
  [data-capability="food"] .home-workflow,
  [data-capability="food"] .home-assurance,
  [data-capability="food"] .home-faq { grid-template-columns: 1fr; gap: 38px; }
  [data-capability="food"] .home-faq-item { grid-template-columns: 1fr; gap: 8px; }
}

@media (max-width: 980px) {
  .site-header[data-header-layout="food-editorial"] .header-main { min-height: 74px; }
  .site-header[data-header-layout="food-editorial"] .header-panel { background: #f8f5ee; }
  .site-header[data-header-layout="food-editorial"] .site-nav a { font-size: 12px; }
}