/* Food 55: calmer type, consistent photography and readable neutral surfaces. */
html body #app #foodPage#foodPage{font:400 15px/1.5 system-ui!important}
html body #app #foodPage#foodPage h1{font:600 clamp(28px,3vw,36px)/1.15 system-ui!important;letter-spacing:-.035em!important}
html body #app #foodPage#foodPage :is(h2,h3,h4,.uc-feature h2,.food-panel h2){font:600 22px/1.25 system-ui!important;letter-spacing:-.025em!important}
html body #app #foodPage#foodPage :is(p,.uc-subtitle,.uc-empty,.uc-quote,.food-featured-copy p){font:400 15px/1.5 system-ui!important;color:#48523e!important}
html body #app #foodPage#foodPage :is(.food-meal b,.food-recipe-card b,.flex-food-card b,.food-shop-row b,.flex-food-mode b){font:600 15px/1.4 system-ui!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:break-word!important}
html body #app #foodPage#foodPage :is(.food-meal small,.food-recipe-card p,.food-shop-row small,.flex-food-mode small,.flex-food-card small){font:400 13px/1.45 system-ui!important;color:#48523e!important;opacity:1!important}
html body #app #foodPage#foodPage :is(.food-meal em,.uc-kicker,.eyebrow){font:600 10px/1.4 system-ui!important;letter-spacing:.08em!important;color:#4d5c40!important}
html body #app #foodPage#foodPage :is(button,.uc-action,.uc-inline-action,.una-tv-watch){font:550 13px/1.3 system-ui!important;min-height:44px!important;letter-spacing:0!important;border-radius:10px!important}
html body #app #foodPage#foodPage :is(input,select){font:400 16px/1.4 system-ui!important;min-height:44px!important}
html body #app #foodPage#foodPage #foodPeriodLabel{font:600 15px/1.4 system-ui!important}
html body #app #foodPage#foodPage .food-toolbar{padding:14px!important;gap:12px!important}
html body #app #foodPage#foodPage .food-summary{padding:16px!important;gap:12px!important;border:1px solid #c7d1b8!important;border-radius:16px!important;background:rgba(240,244,230,.94)!important;margin:16px 0 22px!important}
html body #app #foodPage#foodPage .food-summary::before{content:'YOUR PLAN AT A GLANCE';display:block;grid-column:1/-1;font:600 10px/1.3 system-ui;letter-spacing:.12em;color:#4d5c40}
html body #app #foodPage#foodPage .food-summary article{padding:12px!important;background:rgba(255,255,250,.85)!important;min-height:0!important;border:1px solid #dce2d2!important;border-radius:10px!important}
html body #app #foodPage#foodPage .food-summary article::before,html body #app #foodPage#foodPage .food-summary article img{display:none!important}
html body #app #foodPage#foodPage .food-summary article small{font:600 10px/1.3 system-ui!important;letter-spacing:.06em!important}
html body #app #foodPage#foodPage .food-summary article b{font:600 25px/1.2 system-ui!important;margin:6px 0!important}
html body #app #foodPage#foodPage .food-summary article span{font:400 12px/1.4 system-ui!important}
html body #app #foodPage#foodPage .food-week-grid{gap:14px!important;align-items:stretch!important}
html body #app #foodPage#foodPage .food-day{padding:10px!important;background:rgba(253,253,246,.88)!important;border:1px solid #d4ddc7!important;border-radius:14px!important;gap:10px!important}
html body #app #foodPage#foodPage .food-day-head{padding:4px 0 8px!important;gap:8px!important;flex-wrap:wrap!important}
html body #app #foodPage#foodPage .food-day-head b{font:650 15px/1.3 system-ui!important}
html body #app #foodPage#foodPage .food-day-head time{font:400 12px/1.3 system-ui!important}
html body #app #foodPage#foodPage .food-meal{padding:0 10px 12px!important;border:1px solid #dae0d0!important;border-radius:10px!important;background:#f4f5ec!important;box-shadow:none!important;min-width:0!important;margin:0!important}
html body #app #foodPage#foodPage .food-dinner-photo{display:block!important;flex:none!important;height:145px!important;min-height:145px!important;width:calc(100% + 20px)!important;margin:0 -10px 10px!important;background-position:center!important;background-size:cover!important;filter:none!important;opacity:1!important;border-radius:0!important}
html body #app #foodPage#foodPage .food-dinner-photo::after{display:none!important}
html body #app #foodPage#foodPage .food-change-btn{font-size:12px!important;min-height:44px!important;padding:7px 10px!important;margin:0 0 6px!important}
html body #app #foodPage#foodPage .food-meal>b{min-height:2.8em!important;margin:4px 0 6px!important}
html body #app #foodPage#foodPage .flex-food-card img{aspect-ratio:4/3!important;object-fit:cover!important;filter:none!important;opacity:1!important}
html body #app #foodPage#foodPage :is(.food-recipe-photo,.food-featured-photo,.uc-feature-art){filter:none!important;background-blend-mode:normal!important;opacity:1!important}
html body #app #foodPage#foodPage :is(.food-story-ring,.food-story-stats>div,.shop-smart-stats>div,.shop-smarter-store,.food-budget-input,.food-video-panel,.food-video-choices,.food-video-choice){background:#e8eedc!important;color:#2e3b25!important;border-color:#c5d0b8!important}
html body #app #foodPage#foodPage :is(.food-video-choice b,.food-video-choice small,.food-story-stats b,.shop-smart-stats b){color:#2e3b25!important;font-size:13px!important}
html body #app #foodPage#foodPage #foodStoryPercent{background:#edf2e3!important;color:#35462a!important;font:650 24px/1.2 system-ui!important}
html body #app #foodPage#foodPage :is(.flex-card-kcal,.flex-kcal,.flex-calorie-note){background:#e5ecd7!important;color:#34462a!important;font:500 12px/1.4 system-ui!important}
html body #foodRecipeModal#foodRecipeModal :is(.food-recipe-modal-card,.recipe-ing,.recipe-serving-row,.recipe-step,.recipe-meta-row span),html body #foodSwapModal#foodSwapModal .food-recipe-modal-card{background:#f2f5e9!important;color:#2d3824!important;border-color:#cad5bc!important}
html body #foodRecipeModal#foodRecipeModal :is(h2,h3){font:600 22px/1.3 system-ui!important;color:#293722!important}
html body #foodRecipeModal#foodRecipeModal :is(.recipe-ing strong,.recipe-ing span,.recipe-step span,.recipe-serving-row small,.recipe-meta-row span){font:400 14px/1.5 system-ui!important;color:#35432d!important;opacity:1!important}
html body #foodRecipeModal#foodRecipeModal .recipe-ing{grid-template-columns:minmax(48px,.3fr) minmax(0,1fr)!important;padding:12px!important}
@media(max-width:600px){
 html body #app #foodPage#foodPage .food-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important;gap:8px!important}
 html body #app #foodPage#foodPage .food-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html body #app #foodPage#foodPage .food-day{padding:8px!important}
 html body #app #foodPage#foodPage .food-dinner-photo{height:110px!important;min-height:110px!important}
 html body #app #foodPage#foodPage .food-meal b{font-size:14px!important}
 html body #app #foodPage#foodPage .food-meal small{font-size:12px!important}
 html body #app #foodPage#foodPage .uc-detail-body{padding:12px!important}
}
@media(max-width:350px){html body #app #foodPage#foodPage .food-week-grid{grid-template-columns:minmax(0,1fr)!important}}