/* guides/capture.html only. Scoped under body.capture-page so it never touches the shared
   guides.css (owned by the Guides A work packet) or any other guide page. */

/* Source-name anchors at the top (docs/design/astra-recommendations.md section B.8). Plain
   .text-link anchors in a wrapping row, not a new pill or chip component. */
.capture-page .capture-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 28px
}

/* The mail/calendar/code/link icons beside a source's h2 (existing icon set from lib.mjs's
   icon(), sized down from their default context to sit inline with a heading). */
.capture-page .article-content h2 {
  display: flex;
  align-items: center;
  gap: 12px
}
.capture-page .source-icon {
  width: 26px;
  height: 26px;
  flex-shrink: 0
}

/* The Saves / Leaves out / Runs when open-row summary every source gets before its setup
   steps: a plain list, matching the bold-lead-in convention already used elsewhere in the
   guides (e.g. guide-teams.mjs's Personal/Shared list), not a new enclosed panel. */
.capture-page .capture-summary {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px
}
.capture-page .capture-summary li {
  color: var(--muted);
  margin: 0
}
.capture-page .capture-summary strong {
  color: var(--ink)
}

@media (max-width: 700px) {
  /* Below 700px the article's own "On this page" aside already renders as a compact
     wrapping list right below the intro (guide-lib.mjs's article(), styled in guides.css),
     so the desktop-only jump row would just repeat the same seven links twice. */
  .capture-page .capture-jump {
    display: none
  }
}