/* Três Vozes Menus — additions to /style.css. No external resources. */
.crumb { font-size: .9rem; margin: 0 0 22px; }
.crumb a { color: var(--ink-soft); text-decoration: none; border-bottom: 1px solid var(--line); }
.crumb a:hover { color: var(--terra); border-color: var(--terra); }

/* Dish card in the hero: one dish, three languages */
.dishcard .voice span small { display: block; font: 400 .9rem/1.4 var(--sans); font-style: normal; color: var(--ink-soft); margin-top: 4px; }
.dishcard .price-tag { float: right; font: 600 1.1rem/1 var(--serif); color: var(--ink); }

.prices.three { grid-template-columns: repeat(3, 1fr); max-width: none; }
/* In /style.css, ".price p" (font-size .95rem) outranks ".amount", so the big price shrinks. Fixed here for /menus/. */
.price p.amount { font-size: 2.6rem; color: var(--ink); margin: 18px 0 6px; }
.deal {
  margin-top: 28px; padding: 18px 22px; background: var(--ink); color: var(--sand); border-radius: 4px; max-width: 44rem;
}
.deal strong { color: #fff; }

.legal-note { font-size: .9rem; color: var(--ink-soft); margin-top: 14px; }

@media (max-width: 860px) {
  .prices.three { grid-template-columns: 1fr; max-width: 30rem; }
}