/* ===== How-To Guides — ScoreVitals ===== */

/* ---------- Category Pills ---------- */
.blog-category--apple {
  background: var(--brand-dim);
  color: var(--brand);
  border: 1px solid rgba(45, 212, 191, .20);
}

.blog-category--health-connect {
  background: rgba(99, 102, 241, .12);
  color: var(--pillar-sleep);
  border: 1px solid rgba(99, 102, 241, .20);
}

/* ---------- Platform Section Headers ---------- */
.howto-platform-section {
  margin-top: 56px;
}

.howto-platform-section:first-of-type {
  margin-top: 0;
}

.howto-platform-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.howto-platform-header h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
}

.howto-platform-header .platform-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.howto-platform-desc {
  color: var(--text-secondary);
  font-size: .88rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

/* ---------- Hub Hero Summary ---------- */
.howto-hero-summary {
  font-size: .88rem;
  color: var(--text-muted);
  max-width: 640px;
  margin: 24px auto 0;
  line-height: 1.7;
}