/* Social-embed · recipe canvas-quiet.
   El "post" embebido es un artifact aislado (avatar + body en ivory) — el slide
   es canvas-quiet, el post mantiene su look ivory propio.
   Avatar duotone y em del body usan --recipe-accent (patagonia con peso). */

section.slide.s-social-embed {
  background: var(--recipe-surface);
  color: var(--recipe-ink);
  display: flex; align-items: center; justify-content: center;
  padding: 96px 110px 140px 140px;
}
.s-social-embed .post {
  background: var(--chimi-primitives-color-ivory-base);
  color: var(--chimi-primitives-color-charcoal-100);
  padding: 60px 70px; border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.35);
  max-width: 1100px;
}
.s-social-embed .post .head {
  display: grid; grid-template-columns: 96px 1fr; gap: 24px;
  align-items: center;
}
.s-social-embed .post .avatar {
  width: 96px; height: 96px; border-radius: 50%;
  background: var(--recipe-accent);
  color: var(--chimi-primitives-color-ivory-base);
  font-family: var(--font-display); font-size: 48px;
  display: flex; align-items: center; justify-content: center;
}
.s-social-embed .post .who .n {
  font-family: var(--font-display); font-size: 40px; line-height: 1;
}
.s-social-embed .post .who .h {
  font-family: var(--font-mono); font-size: 22px;
  letter-spacing: 0.08em; opacity: 0.55; margin-top: 8px;
}
.s-social-embed .post .body {
  font-family: var(--font-ui); font-size: 44px; line-height: 1.35;
  margin-top: 40px;
}
.s-social-embed .post .body em {
  color: var(--recipe-accent);
  font-family: var(--font-editorial); font-style: italic; font-weight: 600;
  font-size: 1.15em;
}
.s-social-embed .post .body .tag {
  color: var(--recipe-warn);
}