/* Broadsheet pattern — masthead, lead article, numbered entry list,
 * post-header kicker. The typography-maximalist end of the system. */
.remarque-masthead-kicker,.remarque-masthead-dateline,.remarque-lead-kicker,.remarque-entry-kicker,.remarque-post-kicker{font-family:var(--font-mono);font-size:var(--text-meta);line-height:var(--leading-meta);font-variant-caps:all-small-caps;font-variant-numeric:tabular-nums lining-nums;letter-spacing:var(--tracking-caps);color:var(--color-muted);margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.5em}
.remarque-masthead-kicker > *,.remarque-masthead-dateline > *,.remarque-lead-kicker > *,.remarque-entry-kicker > *,.remarque-post-kicker > *{flex:none;white-space:nowrap}
.remarque-dot{color:var(--color-border-bold)}
.remarque-lead-section,.remarque-entry-section,.remarque-post-kicker-section{color:var(--color-accent);font-weight:var(--weight-medium)}
/* Authored as a border, not a background fill, so it survives forced colors */
.remarque-rule{display:inline-block;width:var(--space-6);height:0;border-top:var(--border-width) var(--border-style) var(--color-border-bold)}
.remarque-broadsheet-rule{max-width:var(--content-reading);margin:var(--space-6) auto;border:0;border-top:var(--border-width) var(--border-style) var(--color-border)}
/* Masthead — the one place a title outgrows --text-display. Bounds are
   arithmetic on core spacing tokens: 3.5rem min, 7.5rem max, 9vw rate. */
.remarque-masthead{--remarque-masthead-size:clamp(calc(var(--space-7) + var(--space-2)),9vw,calc(var(--space-10) - var(--space-2)));max-width:var(--content-reading);margin:var(--space-8) auto var(--space-6);text-align:center}
.remarque-masthead-title{font-family:var(--font-display);font-size:var(--remarque-masthead-size);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-display,var(--weight-regular));color:var(--color-fg);margin:0;font-feature-settings:"liga" 1,"kern" 1;font-optical-sizing:auto;font-synthesis:none;text-wrap:balance}
.remarque-masthead-title em{font-style:italic;color:var(--color-fg-muted)}
.remarque-masthead-dateline{margin-block-start:var(--space-4);justify-content:center}
.remarque-lead{max-width:var(--content-reading);margin:var(--space-7) auto var(--space-6)}
.remarque-lead-kicker{margin-block-end:var(--space-3)}
.remarque-lead-title{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--weight-display,var(--weight-regular));margin:0 0 var(--space-4);text-wrap:balance;font-optical-sizing:auto;font-synthesis:none}
/* Underline-grow hover — reduced-motion-safe for free (tokens zero the duration) */
.remarque-lead-title a,.remarque-entry-title a{color:var(--color-fg);text-decoration:none;background-image:linear-gradient(var(--color-fg),var(--color-fg));background-size:0 1px;background-repeat:no-repeat;background-position:0 95%;transition:background-size var(--motion-normal) var(--motion-easing)}
.remarque-lead-title a:hover,.remarque-lead-title a:focus-visible,.remarque-entry-title a:hover,.remarque-entry-title a:focus-visible{background-size:100% 1px}
@media (forced-colors: active){.remarque-lead-title a:hover,.remarque-lead-title a:focus-visible,.remarque-entry-title a:hover,.remarque-entry-title a:focus-visible{text-decoration:underline}}
.remarque-lead-lede{font-family:var(--font-display);font-size:var(--text-body-lg);line-height:var(--leading-body);font-style:italic;font-weight:var(--weight-regular);color:var(--color-fg-muted);margin:0;text-wrap:pretty;hanging-punctuation:first last}
.remarque-lead-lede::first-letter{font-family:var(--font-display);font-style:italic;font-weight:var(--weight-display,var(--weight-regular));font-size:3.5em;line-height:0.85;float:left;padding:0.08em 0.12em 0 0;color:var(--color-fg)}
@supports (initial-letter: 4) or (-webkit-initial-letter: 4){.remarque-lead-lede::first-letter{initial-letter:3.5;-webkit-initial-letter:3.5;float:none;padding:0 0.08em 0 0}}
.remarque-entry-list{container-type:inline-size;max-width:var(--content-reading);margin:0 auto;padding:0;list-style:none}
.remarque-entry{display:grid;grid-template-columns:minmax(2.5ch,4ch) 1fr;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:var(--border-width) var(--border-style) var(--color-border);align-items:start}
.remarque-entry:last-child{border-bottom:0}
.remarque-entry-numeral{display:block}
/* Oldstyle italic numerals from attr(), never counter() — only real text
   content receives the OpenType oldstyle treatment reliably. */
.remarque-entry-numeral::before{content:attr(data-entry-number);font-family:var(--font-display);font-style:italic;font-size:var(--text-title);line-height:0.95;color:var(--color-border-bold);font-variant-numeric:oldstyle-nums proportional-nums;font-feature-settings:"onum" 1,"pnum" 1;text-align:right;display:block;padding-block-start:0.1em;user-select:none;transition:color var(--motion-normal) var(--motion-easing)}
.remarque-entry:hover .remarque-entry-numeral::before,.remarque-entry:focus-within .remarque-entry-numeral::before{color:var(--color-accent)}
.remarque-entry-body{min-width:0}
.remarque-entry-kicker{margin-block-end:var(--space-2)}
.remarque-entry-title{font-family:var(--font-display);font-size:var(--text-section);line-height:var(--leading-section);letter-spacing:var(--tracking-title);font-weight:var(--weight-medium);margin:0 0 var(--space-2);text-wrap:balance;font-optical-sizing:auto;font-synthesis:none}
.remarque-entry-excerpt{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-fg-muted);margin:0;text-wrap:pretty}
@container (max-width: 40rem){
  .remarque-entry{grid-template-columns:1fr;gap:var(--space-2)}
  .remarque-entry-numeral::before{text-align:left;font-size:var(--text-section);padding-block-start:0}
}
.remarque-post-header{margin-block-end:var(--space-7)}
.remarque-post-kicker{margin-block-end:var(--space-3)}