/* Animate an outer clip so the food table retains its natural layout and spacing. */
.meal-card .meal-reveal>.meal-body{display:block}
.meal-card.collapsed .meal-reveal:not(.is-animating){display:none}
.meal-reveal.is-animating{overflow:hidden;will-change:height,opacity;overflow-anchor:none}

/* Each incoming sheet covers the previous sheet, without moving the page. */
.meal-dock{padding:0;overflow:clip;overflow-clip-margin:16px}
.meal-dock::before{content:none}
.meal-dock-layer{position:relative;isolation:isolate;padding:7px 0;background:#fff}
.meal-dock-layer::before{content:'';position:absolute;inset:0 7px;z-index:-1;pointer-events:none;border:1px solid var(--meal-line);border-top:3px solid var(--meal-accent);border-radius:12px 12px 0 0;background:#fff;box-shadow:0 -6px 24px #29301d2b,0 0 0 3px #ffffffb8}
.meal-dock-previous{position:absolute;inset:0;pointer-events:none}
.meal-dock-previous-inner{width:var(--dock-content-width,calc(100% - 24px));margin-left:var(--dock-content-offset,12px)}
@media(max-width:600px){.meal-dock-layer::before{left:5px;right:5px}}