/* ============================================================================
   Page shell: the canvas, the section rhythm and the ruled section opener.

   FC1W widened the rhythm to the design.md figures. A desktop section now has
   between 64 and 116px of vertical breathing room from one token, rather than
   a fixed 76px, and the reading canvas narrowed from 1240 to 1180 so that
   long copy sits inside the 55 to 75 character measure.
   ========================================================================= */

/* --------------------------------------------------------------- 4. SHELL */
.wrap { width: 100%; max-width: var(--canvas); margin: 0 auto; padding: 0 var(--gutter); }
.wrap--narrow { max-width: 940px; }
/* A wider canvas for photographic sections, per design.md section 5: large
   visual sections may run past the reading width without going full bleed. */
.wrap--wide { max-width: var(--canvas-wide); }

/* Editorial section opener: a tracked label sitting on its own rule. */
.opener { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; margin-bottom: 34px; }
.opener::after { content: ""; height: 1px; background: var(--rule-mid); }
.opener > .label { white-space: nowrap; }

/* A centred section heading with a short gold rule under it. Used where
   design.md asks for a centred title over an alternating editorial run. */
.opener--centred { display: block; text-align: center; margin-bottom: 46px; }
.opener--centred::after { content: ""; display: block; height: 2px; width: 54px; background: var(--brass); margin: 22px auto 0; }
.opener--centred > .label { display: block; margin-bottom: 14px; white-space: normal; }

.section { padding: var(--section-space) 0; }
.section--tight { padding: var(--section-space-tight) 0; }
.section--ruled { border-top: 1px solid var(--rule-hair); }
.section--ink { background: var(--ink-deep); color: var(--river-lift); }
.section--parchment { background: var(--parchment); }
.section--cream { background: var(--parchment); }

.section--ink .h2, .section--ink .h3, .section--ink .display, .section--ink .h1,
.section--ink h1, .section--ink h2, .section--ink h3, .section--ink h4 { color: var(--chalk); }
.section--ink p, .section--ink li { color: var(--river-lift); }
.section--ink a { color: #fff; text-decoration-color: var(--brass-lift); }
.section--ink a:hover { color: var(--brass-type); }
.section--ink .label, .section--ink .meta, .section--ink .small { color: var(--river-lift); }
.section--ink .eyebrow { color: var(--brass-type); }
/* Gold measures 5.98:1 on the navy ground, so on a dark band it is a legal
   focus ring as well as the right one. */
.section--ink :focus-visible { outline-color: var(--brass-lift); }