/*
 * Green St Kitchen - Our Story page.
 * No literal colour values. Everything comes from tokens.css.
 *
 * Only the sections that belong to this page and nowhere else. The banner, the
 * media slider and the row of value cards are blocks and carry their own
 * stylesheets; the header, footer, pills and grid are shared and live in
 * components.css and base.css.
 *
 * Measured from 07_GSK_Web_June-2026_Our-Story.pdf. See MAINTAINER.md,
 * "Where the numbers came from".
 */

/* =========================================================================
 * PROSE
 * A div rather than a section. The band has no heading of its own - the only
 * heading in it, "What we make", covers the last paragraph rather than the
 * whole run - so making it a landmark would mean either mislabelling it or
 * inventing a heading. Same decision as the Home credentials strip.
 * ========================================================================= */
.gs-story-prose {
  padding-block: var(--gs-story-prose-top) var(--gs-story-prose-bottom);
}

/* 752px, from equal 264px margins on the 1280px canvas. The mockup breaks these
 * paragraphs at this measure and the wrap follows from it, so no line is broken
 * by hand: fixed breaks fall apart at phone widths. Same rule as the Home two-up
 * card copy and the Contact standfirst. */
.gs-story-prose__measure {
  max-width: var(--gs-story-measure);
  margin-inline: auto;
}

.gs-story-prose__body {
  font-size: var(--gs-step-body);
  line-height: var(--gs-leading-prose);
  color: var(--gs-ink-soft);
  margin: 0;
}

/* The drawn gap between paragraphs is exactly one blank line of this leading. */
.gs-story-prose__body + .gs-story-prose__body {
  margin-block-start: var(--gs-story-para-gap);
}

.gs-story-prose__subhead {
  font-size: var(--gs-step-card-heading);
  line-height: var(--gs-leading-heading);
  color: var(--gs-fg);
  margin: var(--gs-story-sub-top) 0 var(--gs-story-sub-bottom);
}

/* The closing band is NOT here. It is drawn on two pages now, so its structure
 * lives in components.css as .gs-cta-band and only its colour modifier and its
 * measured depths differ per page. See "CLOSING COLOUR BAND" there.
 */