:root {
  --proj-accent: #4E9C3D;
  --accent: var(--proj-accent);
}
.p-hero.fonika-hero {
  background: linear-gradient(160deg, var(--paper-50) 0%, #EAF5E4 120%);
}

.fonika-showcase {
  justify-self: center;
  width: min(360px, 100%);
  border-radius: var(--radius-l);
  padding: 32px 28px;
  background: linear-gradient(165deg, #4E9C3D, #3C7A2F);
  box-shadow: 0 30px 60px -24px rgba(20, 60, 10, 0.35);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
}
.fonika-showcase img { width: 108px; height: 108px; border-radius: 24px; }
.fonika-showcase .store-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.78rem;
  font-family: var(--font-mono);
  background: rgba(255,255,255,0.16);
  padding: 6px 14px;
  border-radius: 999px;
}
.fonika-showcase .lang-row { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.fonika-showcase .lang-pill {
  font-family: var(--font-mono);
  font-size: 0.76rem;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.3);
}

.daily-card {
  border: 1px solid var(--ink-100);
  border-radius: var(--radius-s);
  padding: 14px;
  background: var(--paper-50);
  text-align: left;
}
.daily-card .eyebrow { margin-bottom: 6px; font-size: 0.68rem; }
.daily-card h4 { margin: 0 0 4px; font-family: var(--font-display); font-size: 1rem; }
.daily-card p { margin: 0; font-size: 0.82rem; color: var(--ink-500); }