/**
 * Impactiqa — featured.css
 * Featured case study panel page.
 * Loaded via $page_css = ['featured'] in featured.php.
 * Cream background (#ece8df).
 * Phase 5: full long-form featured case study layout.
 */

/* ── Panel variables ────────────────────────────────────────────────────────── */
:root {
  --panel-mute: rgba(10,10,10,.55);
  --panel-rule: rgba(10,10,10,.15);
}

/* ── Base ───────────────────────────────────────────────────────────────────── */
html, body { height: 100%; }
body {
  background: var(--panel-bg, #ece8df);
  color: var(--panel-fg, #0a0a0a);
  overflow-x: hidden;
}
main {
  min-height: 100vh;
  padding: 140px 8vw 96px;
  display: flex; flex-direction: column; gap: 48px;
}