/* Article layout — the re-authored Article sample + 01-LAYOUT-AND-WIDTHS.md §4.
   ONE shared column carries breadcrumbs, masthead, hero and the body grid, so
   every band shares both edges at every width:
     ≥1416 viewport → 1320 (the shell's content box; 240+48+744+48+240)
     1128–1415     → 1032 (rail + prose; the aside folds below the grid)
     <1128         → 744  (single column; the rail is removed, not compressed)
   Nothing in the masthead carries its own cap — the measure rule governs
   running text, not display headlines (01 §4). */

:root {
  --hc-art-col: var(--hc-content); /* stepped down by the ladder below */
}
@media (max-width: 1415px) {
  :root { --hc-art-col: 1032px; }
}
@media (max-width: 1127px) {
  :root { --hc-art-col: var(--hc-prose); }
}

/* The shared column: every top-level article band resolves to the same width. */
.single .hc-breadcrumbs,
.single .hc-eyebrow-row,
.single .entry-header,
.single .entry-content > * {
  max-width: var(--hc-art-col);
  margin-left: auto;
  margin-right: auto;
}

/* Unwrapped path (articles with <2 H2s get no grid): running text still caps
   at the prose measure — a 1320px line of body copy is the bug 01 §9 names. */
.single .entry-content > p,
.single .entry-content > ul,
.single .entry-content > ol,
.single .entry-content > blockquote,
.single .entry-content > h2,
.single .entry-content > h3 {
  max-width: var(--hc-prose);
}

/* ---- Masthead typography (01 §5 + sample values) ---- */

.single .entry-header {
  margin-bottom: 0; /* the masthead rule's 22px is the whole gap */
}

.single .entry-title {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.12;
  color: var(--hc-ink);
  margin: 0;
}

/* ---- Prose typography + rhythm ---- */

.single .entry-content > p,
.single .hc-prose > p {
  font-size: 19px;
  line-height: 1.7;
  color: var(--hc-body);
  margin-top: 0;
  margin-bottom: 20px;
}
.single .entry-content > h2,
.single .hc-prose > h2 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--hc-ink);
  margin-top: 36px;
  margin-bottom: 14px;
}
.single .entry-content > h3,
.single .hc-prose > h3 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--hc-ink);
  margin-top: 30px;
  margin-bottom: 12px;
}
.single .entry-content sup a, .single .hc-prose sup a { font-size: 12px; font-weight: 700; color: var(--hc-pink); }

.single .entry-content > blockquote,
.single .hc-prose > blockquote {
  border-left: 3px solid var(--hc-pink);
  background: #fff8f9;
  border-radius: 0 16px 16px 0;
  padding: 18px 22px;
  margin: 26px 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
  color: var(--hc-ink);
}

/* ---- Inline images fill their column ---- */

.single .entry-content > figure,
.single .entry-content > .wp-block-image,
.single .hc-prose > figure,
.single .hc-prose > .wp-block-image {
  margin: 26px 0;
}
.single .hc-prose figure img,
.single .hc-prose img.aligncenter,
.single .hc-prose img.alignnone,
.single .entry-content figure img,
.single .entry-content > p > img,
.single .entry-content img.aligncenter,
.single .entry-content img.alignnone {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
}

/* ---- Mobile (<900 per 01 §4/§5) ---- */
@media (max-width: 900px) {
  .single .entry-title { font-size: 31px; }
  .single .entry-content > h2,
  .single .hc-prose > h2 { font-size: 25px; }
  .single .entry-content > h3,
  .single .hc-prose > h3 { font-size: 20px; }
}

/* Legacy share-icons block — an Astra Hooks custom layout (id 3415 on staging)
   carried over from the old site. RETIRED 2026-08-04: W35 (35-share.css) is the
   share component now; rendering both would double the share UI. Hidden here
   rather than deleted because the layout post's ID differs per site — remove
   the custom layout in wp-admin (Appearance → Custom Layouts) at leisure. */
.single [class*="astra-advanced-hook"] {
  display: none;
}