/* The Messy Middle calm pass
   Reduces visual clutter and brings the site closer to an editorial consultancy feel.
*/

/* Calmer base canvas */
body {
  background: #fffdfa;
}

/* Make most sections feel part of one page, not separate posters */
.section {
  background: #fffdfa;
}

/* Use pale beige only where sections intentionally need contrast */
.section.symptoms,
.section.process,
.section.support,
.site-footer {
  background: #f7f1e6;
}

/* Remove oversized ghost words except where they are genuinely useful */
.section.intro::before,
.section.symptoms::before,
.section.process::before,
.section.scorecard::before,
.section.shop-packs::before,
.section.support::before,
.section.notes-preview::before,
.section.notes-list::before,
.section.article-detail::before {
  opacity: 0.42;
  color: rgba(23, 34, 57, 0.022);
}

/* Reduce overall card heaviness */
.symptom-card,
.step-card,
.note-preview-card,
.article-row,
.note-entry--editorial,
.support-card,
.support-intro-card,
.shop-packs__panel,
.scorecard-box,
.note-card,
.article-detail__image,
.article-detail__feature-card,
.article-detail__resource,
.article-detail__side-note {
  box-shadow: 0 14px 38px rgba(23, 34, 57, 0.045) !important;
}

/* Softer cards, less glossy */
.symptom-card,
.step-card,
.note-preview-card,
.article-row,
.note-entry--editorial,
.support-card,
.shop-packs__panel,
.scorecard-box,
.note-card {
  background: rgba(255, 253, 250, 0.92) !important;
  border-color: rgba(230, 222, 206, 0.82) !important;
}

/* Reduce some oversized display headings without killing the brand */
.section.intro h2,
.section.symptoms h2,
.section.process h2,
.section.scorecard h2,
.section.shop-packs h2,
.section.support h2,
.notes-head h2,
.notes-page-head h1 {
  letter-spacing: -0.052em;
}

/* Give sections more breathing room but less theatrical scale */
@media (min-width: 981px) {
  .section.intro,
  .section.symptoms,
  .section.process,
  .section.scorecard,
  .section.shop-packs,
  .section.support,
  .section.notes-preview,
  .section.notes-list {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

/* Make cards feel more editorial */
.symptom-card,
.step-card,
.note-preview-card,
.article-row,
.support-card,
.shop-packs__panel,
.scorecard-box {
  border-radius: 24px !important;
}

/* Calm decorative dots / blobs where used */
.support-intro-card::before,
.support-intro-card::after,
.support-card::after,
.shop-packs__panel::before {
  opacity: 0.35;
}

/* Reduce heavy nav/footer contrast slightly */
.site-header {
  box-shadow: none;
}

.site-footer {
  border-top: 1px solid rgba(230, 222, 206, 0.9);
}

/* Keep detail pages editorial and airy */
.article-detail__hero {
  gap: clamp(42px, 5vw, 72px);
}

.article-detail__feature::before,
.article-detail__feature::after {
  opacity: 0.45;
}