/* The Messy Middle editorial pass
   Moves the site away from a card-heavy landing page feel and towards a calmer consultancy/editorial feel.
*/

/* Keep the hero expressive, calm everything after it */
.section:not(.hero) h2,
.section:not(.mm-hero) h2,
.notes-head h2,
.notes-page-head h1,
.process-editorial__copy h2,
.human-intro__copy h2,
.combined-intro__copy h2,
.scorecard-box h2,
.shop-packs h2,
.support h2 {
  font-size: clamp(2.15rem, 3.35vw, 4.05rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.048em !important;
}

/* Reduce large card heading drama */
.section:not(.hero) h3,
.human-intro__quote blockquote,
.article-detail__feature-card strong,
.article-detail__resource strong,
.support-card h3,
.step-card h3,
.symptom-card h3,
.note-preview-card h3,
.article-row__main h2 {
  font-size: clamp(1.45rem, 2vw, 2.25rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

/* Make the first explanatory section more editorial */
.human-intro__quote {
  background: transparent !important;
  border-left: 2px solid #c56535 !important;
  box-shadow: none !important;
}

.human-intro__quote::before {
  opacity: 0.35 !important;
}

.human-intro__points {
  border-top-color: rgba(23, 34, 57, 0.12) !important;
}

/* Reduce the card wall effect site-wide */
.symptom-card,
.step-card,
.note-preview-card,
.article-row,
.support-card,
.support-intro-card,
.shop-packs__panel,
.scorecard-box,
.note-card,
.article-detail__feature-card,
.article-detail__resource,
.article-detail__side-note {
  box-shadow: none !important;
  border-color: rgba(23, 34, 57, 0.1) !important;
  background: rgba(255, 253, 250, 0.72) !important;
}

/* Let only product/pack cards retain more object-ness */
.shop-packs__panel,
.note-preview-card,
.article-row {
  box-shadow: 0 10px 28px rgba(23, 34, 57, 0.035) !important;
}

/* Reduce rounded SaaS feel */
.symptom-card,
.step-card,
.note-preview-card,
.article-row,
.support-card,
.support-intro-card,
.shop-packs__panel,
.scorecard-box,
.note-card,
.article-detail__feature-card,
.article-detail__resource,
.article-detail__side-note {
  border-radius: 18px !important;
}

/* Remove decorative shouting */
.section::before {
  opacity: 0.28 !important;
}

.section.article-detail::before,
.section.notes-preview::before,
.section.notes-list::before,
.section.combined-intro::before {
  opacity: 0.2 !important;
}

/* Less contrast between adjacent sections */
.section,
.section.human-intro,
.section.combined-intro,
.section.notes-preview,
.section.notes-list,
.section.article-detail {
  background: #fffdfa !important;
}

.section.process,
.section.support,
.site-footer {
  background: #f8f3eb !important;
}

/* More editorial body rhythm */
.section p,
.article-detail__body,
.human-intro__body,
.human-intro__lead,
.support p,
.shop-packs p,
.scorecard-box p {
  font-weight: 500;
}

.human-intro__lead,
.article-detail__teaser,
.scorecard-box .lead,
.shop-packs__lede {
  font-weight: 700 !important;
}

/* Reduce button dominance where repeated */
.button,
.site-header__cta,
.mm-button,
a.button {
  box-shadow: none !important;
}

/* Article/detail pages should feel like reading pages */
.article-detail h1 {
  font-size: clamp(2.75rem, 4.15vw, 4.8rem) !important;
  line-height: 1 !important;
}

.article-detail__content-layout {
  max-width: 1080px !important;
}

/* Stop tiny icon panels feeling like fake UI */
.human-intro__point span,
.combined-intro__signal span,
.process-step__number {
  box-shadow: none !important;
}

/* Mobile: keep headings calm */
@media (max-width: 760px) {
  .section:not(.hero) h2,
  .section:not(.mm-hero) h2,
  .notes-head h2,
  .notes-page-head h1,
  .human-intro__copy h2,
  .scorecard-box h2,
  .shop-packs h2,
  .support h2 {
    font-size: clamp(2.05rem, 9vw, 3.05rem) !important;
  }

  .article-detail h1 {
    font-size: clamp(2.25rem, 10vw, 3.35rem) !important;
  }
}