/* Refinements within the current Meals Direct design. */
.md-food-hero h1{text-wrap:balance}
.md-learning-copy details{margin-top:18px;border-top:1px solid #dedede;padding-top:12px}
.md-learning-copy summary{cursor:pointer;font-weight:700;min-height:44px;display:list-item;padding-block:9px;color:#a51022}
.md-learning-copy details p{font-size:17px;line-height:1.7;margin-top:10px;max-width:68ch}
.md-language-photo img{aspect-ratio:3/2;background:#f2efeb}
@media(min-width:1181px) and (max-width:1540px){
  .md-header .md-nav.nav{display:grid;grid-template-columns:1fr auto auto;gap:10px 24px;padding-block:14px}
  .md-header .md-nav .md-brand{grid-column:1;grid-row:1;justify-self:start}
  .md-header .md-nav>.md-button{grid-column:2;grid-row:1;max-width:none;white-space:normal}
  .md-header .md-nav>.language-control{grid-column:3;grid-row:1;max-width:220px}
  .md-header .md-nav #md-navigation{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:4px 18px;flex-wrap:wrap}
  .md-header .md-nav #md-navigation>a{flex:0 1 auto;padding:7px 0;min-height:44px;font-size:17px;line-height:1.4;white-space:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Phone review (owner request, 2026-10-26): links people tap on phones are at least 44 px tall, and the menu button shows
   a close mark while the menu is open (the runtime already switches its label to "Close navigation"). */
@media(max-width:720px){
 .md-region-card>a,.md-region-card h2>a,.md-learning-copy>a,.md-page-intro>a.text-link,.actions>a[href^="tel:"],main a[href^="mailto:"]:not(p a,li a),main details>a,a.md-large-phone{display:inline-flex;align-items:center;min-height:44px}
}
.md-menu-toggle[aria-expanded="true"]{font-size:0}
.md-menu-toggle[aria-expanded="true"]::before{content:"\2715";font-size:24px;line-height:1}