/* ============================================================
   WMC House — menus
   Real dish text, indexable, feeding the same payload as the
   Menu JSON-LD. The leader dot rule is the editorial device.
   ============================================================ */

/* === Grid === */
.menus { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.5rem, 4vw, 4rem); }

/* === Head === */
.menu__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: .9rem; border-bottom: 1px solid var(--ink); margin-bottom: var(--s-2); }
.menu__name { font-size: var(--h3-size); }
.menu__when { color: var(--ink-soft); }

/* === Rows === */
.menu__row { display: flex; gap: .75rem; align-items: baseline; padding: .7rem 0; border-bottom: 1px solid var(--rule); }
.menu__dish { flex: 0 1 auto; }
.menu__dot { flex: 1 1 auto; height: 1px; background: var(--rule); transform: translateY(-3px); }
.menu__price { flex: 0 0 auto; color: var(--ink-soft); font-variant-numeric: tabular-nums; }

/* === Link === */
.menu__link { display: inline-block; margin-top: var(--s-3); }

/* === Breakpoint === */
@media (max-width: 880px) { .menus { grid-template-columns: 1fr; } }