/* ============================
   HELP PAGE – TRIMMED STYLES
   Relies on global marketing.css
   ============================ */

/* Hero tweaks just for Help */
.cm-page--help .cm-hero {
  padding-top: 3.5rem;
  padding-bottom: 3.25rem;
}

.cm-page--help .cm-hero-title {
  max-width: 36rem;
}

.cm-page--help .cm-hero-subtitle {
  max-width: 42rem;
  margin-bottom: 0;
}

/* Centered heading on some bands */
.cm-page--help .cm-section-heading {
  text-align: center;
}

/* Quickstart cards */
.cm-page--help .cm-section--quickstart {
  background: #f8fafc;
}

.cm-page--help .cm-card--quickstart {
  /* base card look from .cm-card; tweak shadow if you like */
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
}

/* Topic grid */
.cm-page--help .cm-section--topics {
  background: #ffffff;
}

.cm-page--help .cm-card--topic {
  /* uses .cm-card base; just a subtle difference if desired */
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.cm-page--help .cm-topic-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.cm-page--help .cm-topic-list li + li {
  margin-top: 0.25rem;
}

.cm-page--help .cm-topic-list a {
  font-size: 0.93rem;
}

/* Tracks sections */
.cm-page--help .cm-section--tracks {
  background: #f9fafb;
}

.cm-page--help .cm-section--tracks + .cm-section--tracks {
  border-top: 1px solid #e5e7eb;
}

.cm-page--help .cm-track-list {
  margin: 0;
  padding-left: 1.2rem;
  font-size: 0.93rem;
}

.cm-page--help .cm-track-list li + li {
  margin-top: 0.3rem;
}

/* Support band */
.cm-page--help .cm-section--support {
  background: #ffffff;
}

/* Footer band fine-tune */
.cm-page--help .cm-section--footer-band .cm-section-title {
  margin-bottom: 0.4rem;
}

.cm-page--help .cm-section-subtext {
  max-width: 34rem;
}

/* Responsive tweaks specific to Help */
@media (max-width: 767px) {
  .cm-page--help .cm-hero {
    padding-top: 2.5rem;
    padding-bottom: 2.4rem;
  }

  .cm-page--help .cm-hero-title {
    font-size: 1.75rem;
  }
}