/* appprofile.css
   Page-specific styles for app profile pages (e.g. /appprofile/superlazy).
   Brings lists, steps and sub-headings in line with .docs-section-body
   so all body text renders at the same size. */

/* ── Bulleted lists ──────────────────────────────────────── */
.docs-list {
  font-size: 14px;
  color: var(--c-ink-3);
  line-height: 1.75;
  margin: 0 0 24px;
  padding-left: 22px;
  list-style: disc;
}
.docs-list li { margin-bottom: 8px; }
.docs-list li:last-child { margin-bottom: 0; }
.docs-list strong { color: var(--c-ink-2); }

/* ── Numbered steps ──────────────────────────────────────── */
.steps {
  font-size: 14px;
  color: var(--c-ink-3);
  line-height: 1.75;
  margin: 0 0 24px;
  padding-left: 22px;
  list-style: decimal;
}
.steps > li { margin-bottom: 14px; }
.steps > li:last-child { margin-bottom: 0; }

.step-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--c-ink);
  margin-bottom: 4px;
}

.step-body {
  font-size: 14px;
  color: var(--c-ink-3);
  line-height: 1.75;
}
.step-body .docs-section-body { margin-bottom: 8px; }
.step-body .docs-section-body:last-child { margin-bottom: 0; }

/* ── Sub-section headings ────────────────────────────────── */
.docs-subsection-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--c-ink);
  margin: 24px 0 8px;
}

/* ── Profile header tagline ──────────────────────────────── */
.profile-tagline {
  font-size: 16px;
  color: var(--c-ink-3);
}

/* ── Inline code in body text ────────────────────────────── */
.docs-section-body code,
.docs-list code,
.step-body code {
  font-size: 12px;
  background: var(--c-surface-3);
  padding: 1px 5px;
  border-radius: 3px;
}