/* Page-local styles for /blog/what-a-wire-actually-costs/ */
/* Blog article: hold the hero and the capture on the same 680px column
   as .prose, so the piece reads as one measure. */
.page-hero { max-width: 680px; padding-bottom: 24px; }
.article-end { max-width: 680px; }
/* Cover art sits in the hero, stretched to the same measure. */
.page-hero .cover { align-self: stretch; margin-top: 12px; }
/* Pull-out payoff figure: open typography, no box. */
.payoff { margin: 48px 0 40px; }
.payoff .figure {
  font-size: clamp(40px, 7vw, 60px); line-height: 1.1; letter-spacing: -0.02em;
  font-weight: var(--w-title); color: var(--midnight);
  font-variant-numeric: tabular-nums;
}
.payoff .arrow { color: var(--ink-ghost); padding: 0 0.12em; }
.payoff .accent { color: var(--accent); }
.payoff .sub { margin-top: 10px; font-size: 15px; color: var(--ink-soft); }