.meal-head,.meal-row{display:grid;grid-template-columns:48px repeat(3,minmax(0,1fr))}
.meal-head{padding:7px 0;background:var(--planner-primary);color:#fff;text-align:center;font:11px system-ui}
.meal-head span{padding:2px 4px;border-right:1px solid #fff5fa}
.meal-week{height:auto;margin-top:7px;border:1px solid var(--planner-border);background:#fffafdef;overflow:hidden}
.meal-row{height:32px;align-items:center;border-bottom:1px solid #f2dce7}
.meal-row>span{padding:2px;color:var(--planner-ink);font:10px Georgia;white-space:nowrap}
.meal-row input{min-width:0;width:100%;height:100%;padding:4px 6px;border:0;border-left:1px solid var(--planner-border);background:transparent;color:#664456;font:12px system-ui}
.meal-row input::placeholder{color:#b591a3;font-size:10px}
.meal-outside{opacity:.35;background:var(--planner-soft)}
@media(max-width:700px){.meals-content{padding:12px 9px}.meal-head,.meal-row{grid-template-columns:39px repeat(3,minmax(0,1fr))}.meal-head{font-size:9px}.meal-row>span{font-size:8px}.meal-row input{font-size:11px;padding:4px}.meal-row input::placeholder{font-size:9px}}