/* Site editorial system
   Direction: human, editorial, colour-blocked, fewer framed cards.
*/

/* Section colour rhythm */
.section.human-intro,
.section.notes-list,
.section.article-detail {
  background: #fffdfa !important;
}

.section.scorecard {
  background: #e8eee0 !important;
}

.section.shop-packs {
  background: #fffdfa !important;
}

.section.support {
  background: #f4eadf !important;
}

.section.notes-preview {
  background: #f8f3eb !important;
}

/* Reduce shouty headings outside hero */
.section:not(.mm-hero) h2,
.section:not(.hero) h2,
.human-intro__copy h2,
.scorecard-box h2,
.shop-packs h2,
.support h2,
.notes-head h2,
.notes-page-head h1 {
  font-size: clamp(2rem, 2.9vw, 3.55rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.042em !important;
}

.section:not(.mm-hero) h3,
.section:not(.hero) h3,
.support-card h3,
.note-preview-card h3,
.article-row__main h2 {
  font-size: clamp(1.35rem, 1.75vw, 2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.032em !important;
}

/* Kill unnecessary ghost-word clutter */
.section::before {
  opacity: 0.1 !important;
}

/* Fix support readability */
.support-intro-card,
.support-intro-card *,
.support-card,
.support-card *,
.support-carousel,
.support-carousel *,
.support-slider,
.support-slider * {
  opacity: 1 !important;
}

.support-intro-card {
  background: #172239 !important;
  color: #fffdfa !important;
  border: 0 !important;
  box-shadow: none !important;
}

.support-intro-card h2,
.support-intro-card h3,
.support-intro-card p,
.support-intro-card li,
.support-intro-card span,
.support-intro-card strong {
  color: #fffdfa !important;
}

.support-card {
  background: #fffdfa !important;
  color: #172239 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.support-card h2,
.support-card h3,
.support-card p,
.support-card li,
.support-card span,
.support-card strong {
  color: #172239 !important;
}

/* Scorecard: remove framed card feel */
.scorecard-box,
.scorecard-panel,
.scorecard-card {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Notes: editorial not boxed */
.note-preview-card,
.article-row {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(23, 34, 57, 0.12) !important;
}

.note-preview-card:last-child,
.article-row:last-child {
  border-bottom: 1px solid rgba(23, 34, 57, 0.12) !important;
}

.note-preview-card::after {
  display: none !important;
}

/* Detail notes: calmer reading page */
.article-detail__feature-card,
.article-detail__resource,
.article-detail__side-note,
.article-detail__image {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.article-detail__feature-card,
.article-detail__resource,
.article-detail__side-note {
  background: #f8f3eb !important;
}

.article-detail__feature::before,
.article-detail__feature::after {
  opacity: 0.32 !important;
}

.article-detail h1 {
  font-size: clamp(2.55rem, 3.85vw, 4.45rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.048em !important;
}

/* Human intro remains the core style reference */
.human-intro__quote {
  border-left: 0 !important;
  background: #f8f3eb !important;
  box-shadow: none !important;
}

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

/* Buttons less glossy */
.button,
.mm-button,
.site-header__cta,
a.button {
  box-shadow: none !important;
}

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

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