/* Reconcile the menu design stylesheet (styles.css) with the site chrome
   (includes/screen.css) when the menu templates run inside _layouts/index.
   Loaded AFTER styles.css, on /menu/* only. */

/* screen.css relies on this so the fixed 960px header/footer stay reachable;
   styles.css's own `body` rule would otherwise drop it. */
body { min-width: 960px; }

/* The redesigned Lunch & Dinner page has its own fluid mobile layout. Let it
   use the real viewport width so full-bleed bands reach both screen edges. */
@media (max-width: 640px) {
  body.page-lunch-dinner { min-width: 0; }
}

/* screen.css's reset gives every div/span/section/p `margin: 0 auto`, which
   centre-shrinks the redesigned menu's grid & flex children. Reset it to 0 at
   the same (element) specificity: styles.css's class rules still win, and the
   site chrome centres via its own `.container { margin: auto }`. */
div, span, section, p, h1, h2 { margin: 0; }

/* styles.css sets `a { color: inherit }` globally — keep the site's link
   transition on chrome links. */
#wrapper > header a,
#wrapper > footer a { transition: all .5s ease; }