/* MDKK skin, text only. Palette sampled from the printed menu (Aug 2026, 200 dpi): panel brown #221F18,
   cream type #EEEEE4, logo red #C54132, wood #6C524A. Contrast (WCAG 2.2): white on #C54132 5.03,
   #E8806F on #221F18 6.07, #A3301F on #EEEEE4 6.0, white on #6C524A 7.13, cream on #221F18 14.08,
   #3F6B44 on #EEEEE4 checked in the report. */
:root{
  --bg:#221F18; --bg-2:#2E2A22; --fg:#EEEEE4; --fg-dim:rgba(238,238,228,.74);
  --panel:#EEEEE4; --panel-fg:#221F18; --panel-dim:rgba(34,31,24,.74);
  --accent:#C54132; --accent-strong:#E8806F; --accent-on-panel:#A3301F; --on-accent:#FFFFFF;
  --cash:#6C524A; --cdc:#4F7A52; --danger:#B3261E; --good:#3F6B44;
  --line:rgba(238,238,228,.18); --line-panel:rgba(34,31,24,.14);
  --font-display:Georgia,"Times New Roman",serif;
}
/* 104 items and no photos: drop the empty photo block and fit three cards across on a landscape till, so a
   shift scrolls about a third as far. Two across below 1000 px, as the engine's own layout. */
.card .ph{display:none}
.card{min-height:0}
.cards{grid-auto-rows:max-content;gap:10px}
@media (min-width:1000px){ .cards{grid-template-columns:repeat(3,minmax(0,1fr))} }
.card .txt{padding:12px 14px 2px}