* {
  box-sizing: border-box;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background: var(--digi--color--background--secondary, #f4f4f4);
  color: var(--digi--color--text--primary, #333333);
}

digi-layout-container,
digi-typography,
digi-title-logo {
  display: block;
}

.app-header {
  background: var(--digi--color--background--primary, #ffffff);
  border-bottom: 1px solid var(--digi--color--border--neutral-3, #d5d5d5);
}

.menu-list {
  margin-top: 1.5rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: var(--digi--color--background--primary, #ffffff);
}

.date-heading {
  margin: 0;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid var(--digi--color--border--brand, #091d54);
  color: var(--digi--color--text--primary, #333333);
  font-size: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.25;
}

.restaurant {
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--digi--color--border--neutral-3, #d5d5d5);
}

.restaurant:first-of-type {
  padding-top: 1.5rem;
}

.restaurant h2 {
  margin: 0 0 0.75rem;
  color: var(--digi--color--text--primary, #333333);
  font-size: 1.375rem;
  line-height: 1.3;
}

.restaurant ul {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.restaurant li,
.restaurant p {
  margin: 0;
  line-height: 1.55;
}

.restaurant .menu-unavailable {
  color: var(--digi--color--text--primary, #333333);
  font-style: italic;
}