/* Culinary Tidbits — editorial, evidence-first.
   An explainer site, so it is set for reading: a single measured column,
   restrained slate and green, no food-blog warmth. Nothing here should look
   like a recipe site, because it is not one. */
:root {
  --s-paper:     #fbfcfb;
  --s-surface:   #ffffff;
  --s-surface-2: #eef2ef;
  --s-ink:       #161c19;
  --s-ink-soft:  #3f4a45;
  --s-muted:     #6c7873;
  --s-line:      #dde4e0;
  --s-line-soft: #ecf1ee;
  --s-accent:    #24614a;
  --s-accent-ink:#ffffff;
  --s-accent-2:  #8a6a2f;
  --s-display: "Spectral", Georgia, serif;
  --s-body: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  --s-radius: 3px;
  --s-card-ratio: 16 / 9;
  --s-measure: 66ch;
  --s-wrap: 1080px;
}
h1, h2, h3 { font-weight: 600; }
.sat-header { background: var(--s-ink); }
.sat-logo em { font-style: italic; color: #9fc7b3; }
.sat-hero { padding: 48px 0 8px; }
.sat-grid { gap: 32px 26px; }

/* ── Layout identity: text-first list, no card images ─────────────────────
   An explainer library. Cards are titles and standfirsts in a single reading
   column — images would imply recipes, which this site deliberately is not. */
.sat-hero { padding: 44px 0 10px; border-bottom: 1px solid var(--s-line); }
.sat-hero-grid { grid-template-columns: 1fr; }
.sat-hero-img { display: none; }
.sat-grid-4, .sat-grid-3 { grid-template-columns: 1fr; gap: 0; }
.sat-card {
  flex-direction: column; gap: 6px;
  padding: 22px 0; border-bottom: 1px solid var(--s-line-soft);
}
.sat-card-img { display: none; }
.sat-card-title { font-size: 1.3rem; }
.sat-card-desc { font-size: .97rem; color: var(--s-ink-soft); max-width: 62ch; }
.sat-card-meta { order: -1; }
.sat-section { padding: 40px 0; }
.sat-wrap { max-width: 820px; }
.sat-section-head h2 { font-size: 1.05rem; text-transform: uppercase; letter-spacing: .11em; color: var(--s-muted); }