/* ==========================================================================
   Nutrition & Services page — page-specific styles.
   Loaded after design-system.css and homepage.css; reuses their tokens and
   shared components (credentials-list, disclaimer, placeholder-note,
   asset-placeholder, card--recommended, botanical-frame, footer, hero-ctas)
   rather than redefining them, per the continuity requirement for this page.
   Prototype only — not committed, not deployed.
   ========================================================================== */

/* Simple bulleted list, reused for two different purposes on this page
   ("who this is for" and the shared ongoing-package inclusions list) so it
   didn't need two near-identical components. A gold dot marker instead of a
   default browser bullet — Sun Gold is already the system's one rare-accent
   token, used sparingly here as a small structural mark rather than a new
   color introduced just for this list. */
.fit-list {
  list-style: none;
  margin: 0 0 var(--space-5) 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-3);
}
@media (min-width: 640px) {
  .fit-list { grid-template-columns: 1fr 1fr; column-gap: var(--space-6); }
}
.fit-list li {
  position: relative;
  padding-left: 1.3em;
  font-size: 16px;
}
.fit-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-gold);
}

/* Numbered step list ("How these connect") — a serif numeral in Sun Gold
   rather than a circled-icon step marker, which would read as a generic
   template numbered-list pattern. Ties the step numbers to the same
   editorial-serif language used for headings elsewhere in the system. */
.step-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.step {
  display: flex;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}
.step:last-child { margin-bottom: 0; }
.step__number {
  flex-shrink: 0;
  width: 1.4em;
  font-family: var(--font-serif);
  font-size: 1.75rem;
  font-style: italic;
  /* Gold-text, not Sun Gold — Sun Gold measures 2.14:1 on ivory, under
     even the 3:1 large-text AA minimum these numerals fall under.
     (2026-07-13) */
  color: var(--color-gold-text);
  line-height: 1.3;
}
.step__body h3 { margin-bottom: var(--space-2); }
.step__body p { margin-bottom: 0; }

/* Shared inclusions note under the ongoing-packages grid: both packages
   share the same inclusion list per docs/business-brief.md, so it's stated
   once beneath both cards rather than duplicated inside each one. */
.inclusions-note {
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: var(--border-hairline);
}
.inclusions-note > .eyebrow { margin-bottom: var(--space-4); }