/* Story. The body of a news post opened on the site itself, from
   inc/story.php: the summary as a lead paragraph and a "Read at source"
   button in the primary button style, since the source is the point of
   the page. Client, 27 August 2026. All rules under .u-story. Tokens only. */

.u-story__summary {
  font-size: var(--u-text-lg);
  line-height: var(--u-leading-body);
  color: var(--u-text-muted);
  margin: 0 0 var(--u-space-8);
}

.u-story__action {
  margin: 0;
}

.u-story__source {
  display: inline-flex;
  align-items: center;
  gap: var(--u-space-2);
  height: 52px;
  padding: 0 var(--u-space-8);
  border-radius: var(--u-radius-sm);
  background: var(--u-green);
  color: var(--u-white);
  font-weight: var(--u-weight-semi);
  text-decoration: none;
  transition: background-color var(--u-dur-fast) var(--u-ease);
}

/* Astra underlines and recolours links in post content at (0,2,1); the
   type selector brings this to the same specificity, and it loads later. */
.u-story a.u-story__source:hover,
.u-story a.u-story__source:focus-visible {
  background: var(--u-green-700);
  color: var(--u-white);
  text-decoration: none;
}

.u-story__source svg {
  flex: none;
}