@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');

/* sinc-LLM editorial reading layer (article pages only).
   Serif body for a true newspaper read, Inter headlines, code left in JetBrains Mono.
   Loaded after theme.css and the inline styles, so element rules here win by source order.
   All color comes from theme tokens, so it flips with light and dark. */

article {
  max-width: 46rem;            /* ~72 character measure at this body size */
  margin-left: auto;
  margin-right: auto;
}

/* Body copy: serif, comfortable size and rhythm */
article p,
article li,
article ul,
article ol {
  font-family: 'Source Serif 4', Charter, Georgia, 'Times New Roman', serif;
  font-size: 1.1875rem;        /* ~19px */
  line-height: 1.75;
  color: var(--t-8, var(--t-7));
  letter-spacing: 0.003em;
}
article p { margin: 0 0 1.4em; }
article ul, article ol { margin: 0 0 1.4em 1.3em; padding: 0; }
article li { margin-bottom: 0.5em; line-height: 1.7; }

/* Headlines stay Inter, strong hierarchy and rhythm */
article h1 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: clamp(28px, 5vw, 44px);
  line-height: 1.12; font-weight: 700; letter-spacing: -0.02em;
  color: var(--t-9); margin: 0 0 0.5em;
}
article h2 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: clamp(22px, 3.2vw, 30px);
  line-height: 1.2; font-weight: 600; letter-spacing: -0.015em;
  color: var(--t-9); margin: 2.2em 0 0.6em; scroll-margin-top: 84px;
}
article h3 {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: clamp(18px, 2.4vw, 23px);
  line-height: 1.25; font-weight: 600;
  color: var(--t-9); margin: 1.8em 0 0.5em; scroll-margin-top: 84px;
}

/* Standfirst: the first paragraph right after the H1 reads larger */
article > h1 + p,
article .lead {
  font-size: 1.35rem; line-height: 1.6;
  color: var(--t-8, var(--t-7)); margin-bottom: 1.6em;
}

/* Pull quote: serif italic, accented rule */
article blockquote {
  font-family: 'Source Serif 4', Charter, Georgia, serif;
  font-style: italic;
  font-size: 1.4rem; line-height: 1.5;
  color: var(--t-9);
  border-left: 3px solid var(--t-9);
  margin: 1.8em 0; padding: 0.2em 0 0.2em 1.2em;
}

/* Figures and captions */
article figure { margin: 1.8em 0; }
article figure img { max-width: 100%; height: auto; border-radius: 8px; }
article figcaption {
  font-family: 'Inter', sans-serif; font-size: 0.85rem;
  color: var(--t-5); margin-top: 0.6em; text-align: center;
}

/* In-body links: underlined, offset, accent on hover */
article p a, article li a {
  color: inherit; text-decoration: underline;
  text-decoration-thickness: 1px; text-underline-offset: 2px;
  text-decoration-color: var(--t-4, var(--t-3));
}
article p a:hover, article li a:hover { text-decoration-color: var(--t-9); }