.post-page{ max-width: 720px; margin: 0 auto; padding: 4rem 1.5rem 2rem; }
.post-header{ text-align:center; margin-bottom: 2.4rem; }
.post-header .post-meta{ font: 700 .72rem/1 var(--sans); letter-spacing:.08em; text-transform:uppercase; color: var(--magenta); }
.post-header h1{ font-size: clamp(2rem, 4.5vw, 3rem); margin-top:.6rem; }
.post-lede{ font-size: 1.1rem; max-width: 560px; margin: 0 auto; }

.post-hero-thumb{
  aspect-ratio: 16/8; border-radius: var(--radius-lg);
  background: linear-gradient(140deg, var(--pale), var(--magenta));
  background-size: cover; background-position: center;
  margin-bottom: 2.6rem; box-shadow: var(--shadow-card);
}

.post-body p{ font-size: 1.06rem; color: var(--ink); }
.post-body h2{ font-size: 1.5rem; margin-top: 1.8rem; }
.post-body blockquote{
  font-family: var(--serif); font-style: italic; font-size: 1.3rem; color: var(--berry);
  border-left: 3px solid var(--magenta); padding: .3rem 0 .3rem 1.4rem; margin: 2rem 0;
}

.post-resources{ display:flex; gap: 1rem; flex-wrap:wrap; margin-top: 2.5rem; }
.resource-pill{
  background: var(--blush); border: 1px solid var(--line); color: var(--berry);
  padding: .9em 1.3em; border-radius: 999px; font-weight:700; font-size:.92rem;
  transition: background .2s ease;
}
.resource-pill:hover{ background: var(--pale); }
.resource-pill--highlight{
  background: var(--magenta); border-color: var(--magenta); color: #fff;
}
.resource-pill--highlight:hover{ background: var(--magenta-deep); }

.diario-cta{
  margin-top: 3rem; padding: 2.6rem 2.2rem; border-radius: var(--radius-lg);
  background: linear-gradient(155deg, var(--blush-2), var(--blush));
  border: 1px solid var(--line); text-align:center;
}
.diario-cta .eyebrow{ justify-content:center; }
.diario-cta h3{ font-size: 1.5rem; margin-bottom:.5rem; }
.diario-cta p{ max-width: 460px; margin: 0 auto 1.4rem; }