/* Classic Wellness Pulse essays. Same journal as /blog/posts, no purple chrome. */
body {
  background:
    linear-gradient(90deg, transparent 0, transparent 18px, rgba(154, 52, 18, 0.18) 18px, rgba(154, 52, 18, 0.18) 19px, transparent 19px),
    #f3efe6 !important;
  color: #1c1917 !important;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif !important;
  line-height: 1.72 !important;
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.header {
  background: #f3efe6 !important;
  color: #1c1917 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-bottom: 2px solid #1c1917;
  padding: 0.85rem 0 !important;
}

.nav-container {
  flex-wrap: wrap;
  gap: 0.65rem 1.25rem;
}

.nav-links {
  gap: 1.1rem !important;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.logo,
.nav-links a {
  color: #1c1917 !important;
  font-family: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.logo:hover,
.nav-links a:hover {
  color: #9a3412 !important;
  opacity: 1 !important;
}

.article-container {
  max-width: 42rem;
  margin: 2.2rem auto 4rem !important;
}

.article-title {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-weight: 560 !important;
  font-size: clamp(1.9rem, 4.4vw, 2.7rem) !important;
  letter-spacing: -0.025em;
  line-height: 1.12 !important;
  color: #1c1917 !important;
}

.article-meta {
  font-family: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #78716c !important;
}

.article-content {
  font-size: 1.075rem !important;
  color: #1c1917 !important;
}

.article-content h2,
.article-content h3 {
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-weight: 600 !important;
  letter-spacing: -0.015em;
  color: #1c1917 !important;
}

.article-content h2 {
  margin-top: 2.4rem !important;
  padding-top: 1.15rem;
  border-top: 1px solid #d6d0c4;
  font-size: 1.45rem !important;
}

.article-content h3 {
  font-size: 1.15rem !important;
}

.article-content a {
  color: #1c1917 !important;
  text-decoration: underline !important;
  text-decoration-color: #9a3412 !important;
  text-underline-offset: 0.18em;
  border-bottom: 0 !important;
}

.article-content a:hover {
  color: #9a3412 !important;
}

.article-content li::marker { color: #9a3412; }

.article-content img {
  border-radius: 2px !important;
  margin: 1.5rem 0 !important;
}

.stats-grid { gap: 0 !important; }

.stat-card {
  background: transparent !important;
  border-radius: 0 !important;
  border-top: 1px solid #1c1917;
  text-align: left !important;
  padding: 1rem 0.75rem 1rem 0 !important;
}

.stat-number {
  color: #1c1917 !important;
  font-family: "Iowan Old Style", Palatino, Georgia, serif;
  font-weight: 560 !important;
}

.stat-label { color: #57534e !important; }

.cta-box {
  background: transparent !important;
  color: #1c1917 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 1.25rem 0 0 !important;
  border-top: 2px solid #1c1917;
}

.cta-box h3,
.cta-box p,
.cta-box li,
.cta-box strong,
.cta-box em {
  color: #1c1917 !important;
}

.cta-box li {
  border-bottom: 1px solid #d6d0c4 !important;
}

.cta-box a {
  background: transparent !important;
  color: #1c1917 !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #9a3412 !important;
  padding: 0.15rem 0 !important;
  font-family: "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.image-placeholder {
  background: #e7e1d6 !important;
  color: #1c1917 !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  body { background: #f3efe6 !important; }
  .article-title { font-size: 1.85rem !important; }
  .nav-container {
    flex-direction: row !important;
    align-items: center !important;
  }
}