/* On-screen wrapper around the printable menu pages. Nothing here reaches the printed page. */
@media screen {
  html, body { background: #232b27 !important; }
  body { padding: 84px 24px 48px; }
  #pages { display: flex; flex-direction: column; align-items: center; gap: 28px; }
  .page { box-shadow: 0 14px 44px rgba(0, 0, 0, .5); flex: none; }
  .bar { position: fixed; z-index: 10; top: 0; left: 0; right: 0; display: flex; align-items: center; gap: 18px; padding: 12px 22px;
    background: #14362A; color: #F7F1E3; border-bottom: 2px solid #E2C489; font: 15px/1.3 Pag, Georgia, serif; }
  .bar .brand { letter-spacing: .22em; font-size: 17px; white-space: nowrap; }
  .bar .what { font-style: italic; color: #E2C489; white-space: nowrap; }
  .bar .hint { flex: 1; color: #C5CDBD; font-style: italic; font-size: 13.5px; min-width: 0; }
  .bar a, .bar button { font: inherit; color: #F7F1E3; background: none; border: 1px solid rgba(247, 241, 227, .45); padding: 7px 14px; cursor: pointer; text-decoration: none; white-space: nowrap; }
  .bar a:hover, .bar button:hover { border-color: #E2C489; color: #E2C489; }
  .bar button.go { background: #E2C489; color: #14362A; border-color: #E2C489; font-weight: 700; }
  .bar button.go:hover { background: #F0D9A8; color: #14362A; }
  .bar a.on { border-color: #E2C489; color: #E2C489; }
  .warn { max-width: 900px; margin: 0 auto 22px; padding: 12px 16px; background: #FBEDE6; color: #7A1E12; border-left: 4px solid #B2362A; font: 15px/1.45 Pag, Georgia, serif; }
  .warn b { display: block; margin-bottom: 4px; }
  .loading { color: #C5CDBD; font: italic 17px Pag, Georgia, serif; text-align: center; padding: 80px 0; }
}
@media print {
  .bar, .warn, .loading { display: none !important; }
  #pages { display: block; zoom: 1 !important; }
}