/* The menu uses the shared Morioka retro palette and typefaces. */
.menu-page {font-size:16px;line-height:1.7}
.menu-page .snack-header {height:auto;min-height:90px;gap:12px 24px;flex-wrap:wrap;padding:16px max(20px, calc((100% - 880px) / 2))}
.menu-page .snack-brand {font-size:26px}
.menu-page .snack-brand small {font-size:16px}
.menu-page .snack-header .can {width:32px;height:46px}
.back-link {font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.menu-sheet {width:calc(100% - 40px);max-width:800px;margin:0 auto;padding:34px 0 46px}
.menu-sheet h1 {font-size:42px;letter-spacing:.12em;margin-bottom:28px;text-align:center}
.menu-sheet .pill {max-width:100%;font-size:23px;padding:3px 20px 5px;color:var(--cream)}
.menu-group,.bottle-section {margin-top:30px}
.menu-group h3:not(.pill),.menu-group h4 {font-size:20px;margin-bottom:8px}
.menu-group .menu-group {margin-top:18px}
.menu-table {width:100%;border-collapse:collapse;border-top:6px double var(--brass);border-bottom:6px double var(--brass);margin-top:12px;color:var(--red)}
.menu-table th,.menu-table td {border-bottom:1px solid var(--brass);padding:11px 14px;line-height:1.6;vertical-align:middle}
.menu-table th {text-align:left;font-weight:400;overflow-wrap:anywhere}
.menu-table td {text-align:right;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums;width:1%;border-left:1px solid var(--brass)}
#system .menu-table td {white-space:normal;width:56%}
.tax-note {margin-top:28px;text-align:center}
.pdf-save {margin-top:22px;text-align:center}
.pdf-save .button {font-size:21px}
.menu-page .snack-footer {min-height:76px;font-size:14px}
@media(max-width:600px) {
  .menu-page .snack-header {display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:15px 20px}
  .menu-page .snack-brand {font-size:24px;white-space:normal}
  .menu-page .snack-brand small {font-size:14px}
  .menu-sheet h1 {font-size:36px}
  .menu-sheet .pill {font-size:21px}
  .menu-group h3:not(.pill),.menu-group h4 {font-size:19px}
  .menu-table th,.menu-table td {padding:10px 8px}
  .menu-table td {font-size:16px}
  #system .menu-table td {font-size:15px}
}
@media print {
  @page {size:A4 portrait;margin:12mm}
  html,.menu-page {background:var(--cream);print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .menu-page {font-size:10pt;line-height:1.45}
  .menu-page .snack-header {min-height:0;padding:2mm 4mm;display:flex;flex-direction:row}
  .menu-page .snack-brand {font-size:17pt}
  .menu-page .snack-brand small {font-size:10pt}
  .menu-page .snack-header .can {width:7mm;height:10mm}
  .skip,.back-link,.pdf-save {display:none!important}
  .menu-sheet {width:100%;max-width:none;margin:0;padding:0}
  .menu-sheet h1 {font-size:23pt;margin:3mm 0 4mm}
  .menu-sheet .pill {font-size:13pt;padding:0 4mm 1mm;border-radius:3mm}
  .menu-group,.bottle-section {margin-top:4mm}
  .menu-group .menu-group {margin-top:3mm}
  .menu-group h3:not(.pill),.menu-group h4 {font-size:11pt;margin-bottom:1mm}
  .menu-table {margin-top:2mm;border-top-width:4px;border-bottom-width:4px}
  .menu-table th,.menu-table td {font-size:10pt;padding:1mm 3mm;line-height:1.45}
  #system .menu-table td {font-size:10pt}
  .menu-group {break-inside:avoid}
  .spirits,#wine {break-before:page}
  h2,h3,h4 {break-after:avoid}
  .tax-note {margin-top:6mm}
  .menu-page .snack-footer {min-height:0;margin-top:6mm;padding:3mm;font-size:9pt;break-inside:avoid}
}