:root {
  --kenchic-navy: #0D2E5C;
  --kenchic-red: #E1252C;
  --kenchic-cream: #FFF8F2;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--kenchic-cream);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--kenchic-navy);
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  justify-content: center;
}

.menu {
  width: 100%;
  max-width: 600px;
  background: white;
}

.menu picture,
.menu img {
  display: block;
  width: 100%;
  height: auto;
}

/* Desktop: cap the menu at a comfortable reading width and show the cream
   background on the sides so it never stretches uncomfortably wide. */
@media (min-width: 700px) {
  .menu {
    margin: 24px auto;
    box-shadow: 0 8px 28px rgba(13, 46, 92, 0.15);
    border-radius: 14px;
    overflow: hidden;
  }
}