/* Singapore Food — hawker-stall warmth.
   Chilli red and pandan green against a warm off-white, with the tighter
   line-height Noto sets. Bolder and hotter than any other site on the
   network, which is the point: the food is. */
:root {
  --s-paper:     #fffdf8;
  --s-surface:   #ffffff;
  --s-surface-2: #fdf0e4;
  --s-ink:       #1d1a15;
  --s-ink-soft:  #453f36;
  --s-muted:     #7a7266;
  --s-line:      #e8ded0;
  --s-line-soft: #f3ebe0;
  --s-accent:    #b3261e;   /* chilli */
  --s-accent-ink:#fffdf8;
  --s-accent-2:  #1f7a4d;   /* pandan */
  --s-display: "Noto Serif", Georgia, serif;
  --s-body: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --s-radius: 6px;
  --s-card-ratio: 3 / 2;
  --s-wrap: 1180px;
}
.sat-logo em { font-style: normal; color: #ffd15c; }
.sat-eyebrow { color: var(--s-accent-2); }
.sat-steps li::before { background: var(--s-accent); color: var(--s-accent-ink); }
.sat-ingredients { border-top-color: var(--s-accent-2); }

/* ── Layout identity: category chips, split hero, 3-up ────────────────────
   Hawker food is browsed by dish type, so the categories are the furniture:
   coloured chips under the hero and a warm banded background behind sections. */
.sat-hero { background: var(--s-surface-2); padding: 46px 0 40px; margin-bottom: 6px; }
.sat-hero-grid { grid-template-columns: 1fr 1.1fr; gap: 40px; }
.sat-hero-img { aspect-ratio: 1 / 1; border-radius: 6px; }
.sat-grid-4 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .sat-grid-4 { grid-template-columns: repeat(2, 1fr); } }
.sat-card-meta {
  display: inline-block; background: var(--s-accent-2); color: #fff;
  padding: 3px 9px; border-radius: 999px; letter-spacing: .08em;
  font-size: .62rem; align-self: flex-start;
}
.sat-section:nth-of-type(even) { background: #fff8ef; }
.sat-section-head h2 { border-bottom: 3px solid var(--s-accent); padding-bottom: 6px; }
.sat-btn { border-radius: 999px; }