body { line-height: 1.8; }

.container { max-width: 860px; margin: 0 auto; padding: 2rem 1.5rem; }
.back { display: inline-block; margin-bottom: 1.5rem; font-size: 1rem; }
.post-title {
  font-family: "Instrument Serif", Georgia, serif; font-size: 2rem; font-weight: 400;
  line-height: 1.3; margin-bottom: 0.5rem; color: var(--navy); letter-spacing: -0.02em;
}
.post-meta { font-size: 1rem; color: var(--violet); margin-bottom: 2rem; }
.hero-image { width: 100%; height: auto; border-radius: 14px; margin-bottom: 2rem; display: block; }
.toc {
  background: #fff; border: 1px solid rgba(124, 58, 237, 0.08); border-radius: 14px;
  padding: 1.25rem 1.5rem; margin-bottom: 2rem;
}
.toc-title { font-size: 1rem; font-weight: 700; color: var(--violet); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; }
.toc ul { list-style: none; }
.toc li { margin-bottom: 0.35rem; }
.toc a { color: var(--muted); }
.toc .toc-h3 { padding-left: 1rem; }
article h2 {
  font-family: "Instrument Serif", Georgia, serif; font-size: 1.5rem; font-weight: 400;
  margin: 2.5rem 0 1rem; color: var(--navy); padding-top: 0.5rem; letter-spacing: -0.01em;
}
article h3 { font-size: 1.15rem; margin: 2rem 0 0.75rem; color: var(--ink); }
article p { margin-bottom: 1rem; }
article ul { margin: 0 0 1rem 1.5rem; }
article li { margin-bottom: 0.5rem; }
article blockquote {
  border-left: 3px solid var(--gold); padding: 0.75rem 1.25rem; background: var(--lavender-deep);
  margin: 1.5rem 0; border-radius: 0 8px 8px 0; color: var(--muted);
}
.cta-box {
  background:
    radial-gradient(70% 60% at 20% 30%, rgba(167, 139, 250, 0.22), transparent 60%),
    linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 50%, var(--navy-warm) 100%);
  color: #fff; border-radius: 14px; padding: 2rem; margin: 2.5rem 0; text-align: center;
}
.cta-box h3 {
  font-family: "Instrument Serif", serif; font-size: 1.3rem; font-weight: 400; margin-bottom: 0.5rem; color: #fff;
}
.cta-box p { color: rgba(255,255,255,0.82); margin-bottom: 1.25rem; }
.cta-box a {
  display: inline-block; padding: 0.75rem 1.75rem; background: var(--violet); color: #fff;
  border-radius: 999px; font-weight: 500;
}
.cta-newsletter {
  background: #fff; border: 1px solid rgba(124, 58, 237, 0.12);
  border-radius: 14px; padding: 1.75rem 2rem; margin: 2.5rem 0; text-align: center;
}
.cta-newsletter h3 {
  font-family: "Instrument Serif", serif; font-size: 1.2rem; font-weight: 400;
  color: var(--navy); margin-bottom: 0.3rem;
}
.cta-newsletter h3 em { font-style: italic; color: var(--violet); }
.cta-newsletter p { color: var(--muted); margin-bottom: 1rem; font-size: 0.95rem; }
.cta-newsletter a {
  display: inline-block; padding: 0.65rem 1.5rem; border: 1px solid var(--violet);
  color: var(--violet); border-radius: 999px; font-weight: 500; font-size: 0.95rem;
  transition: background 0.2s, color 0.2s;
}
.cta-newsletter a:hover { background: var(--violet); color: #fff; text-decoration: none; }

@media (max-width: 700px) {
  .post-title { font-size: 1.5rem; }
}