/* ==========================================================================
   Title letter-spacing — The Sri COM
   --------------------------------------------------------------------------
   The theme's headings were set with heavy NEGATIVE letter-spacing (as tight
   as -0.075em), which squeezed the letters together — especially noticeable
   in Sinhala, where Noto Serif Sinhala needs its natural spacing to render
   conjuncts cleanly. This file relaxes tracking back to normal (or a touch
   wider) and opens up the tightest line-heights to match.

   ── Want more or less space? Change the three numbers below. ──
   Bigger positive number  = more space between letters.
   Negative number         = letters pulled closer together (the old look).
   0em                     = the font's own natural spacing.

   Loaded LAST in default.hbs, so these win over screen.css, magazine.css,
   newsletter.css, post-grid.css, subscribe-fix.css and mobile-and-theme.css.
   Only letter-spacing and line-height are touched — no font sizes, colours
   or layout are changed.
   ========================================================================== */

:root {
  --title-track-display: 0em;      /* big hero + article headlines  */
  --title-track-section: .004em;   /* section / panel headings      */
  --title-track-card: .01em;       /* card, list and grid titles    */
}

/* --- Display headlines (3rem and up) -------------------------------------- */

.hero-intro h1 {
  line-height: 1.10;
  letter-spacing: var(--title-track-display);
}

/* Post headline size.
   ── This replaces the CSS you had in Code Injection ──
   You can now delete this from Ghost -> Settings -> Code injection -> Site footer:
       .article-header h1 { font-size: 30px !important; ... }
   Yours was 30px on phones and 42px on desktop; this is a little smaller again
   (27px -> 38px) and scales smoothly in between instead of jumping at 1024px.
   No !important needed — this file loads after screen.css, so it simply wins.

   To adjust: the three numbers are min, growth, max. Change 27px or 38px. */
.article-header h1 {
  font-size: clamp(27px, 1.6vw + 21px, 38px);
  margin: 12px 0 20px;
  line-height: 1.22;
  letter-spacing: var(--title-track-display);
}

.editorial-lead h2 {
  line-height: 1.16;
  letter-spacing: var(--title-track-display);
}

.newsletter-intro h1 {
  line-height: 1.10;
  letter-spacing: var(--title-track-display);
}

.lead-copy h2 {
  line-height: 1.14;
  letter-spacing: var(--title-track-display);
}

.newsletter-outro h2 {
  line-height: 1.12;
  letter-spacing: var(--title-track-display);
}

/* The standfirst under the headline was sized against the old, much larger
   title. Scaled down so the headline still clearly leads. */
.dek {
  font-size: clamp(16px, .5vw + 14px, 19px);
  line-height: 1.5;
}

/* --- Section + panel headings --------------------------------------------- */

.editorial-note h2,
.section-heading h2 {
  line-height: 1.26;
  letter-spacing: var(--title-track-section);
}

.featured-content h2 {
  line-height: 1.26;
  letter-spacing: var(--title-track-section);
}

.archive-heading h2 {
  line-height: 1.20;
  letter-spacing: var(--title-track-section);
}

.subscribe-panel h2 {
  line-height: 1.28;
  letter-spacing: var(--title-track-section);
}

/* --- Card, list and grid titles ------------------------------------------- */
/* These are the cramped ones — most of the site's headlines live here. */

.latest-list h2,
.spotlight-list h2 {
  line-height: 1.38;
  letter-spacing: var(--title-track-card);
}

.editorial-grid h3 {
  line-height: 1.36;
  letter-spacing: var(--title-track-card);
}

.post-tile h3 {
  line-height: 1.36;
  letter-spacing: var(--title-track-card);
}

.post-card h3 {
  line-height: 1.36;
  letter-spacing: var(--title-track-card);
}

.feed-copy h3 {
  line-height: 1.32;
  letter-spacing: var(--title-track-card);
}

.latest-column h1 {
  letter-spacing: var(--title-track-card);
}

/* --- Headings inside article body ----------------------------------------- */

.gh-content h2,
.gh-content h3 {
  line-height: 1.35;
  letter-spacing: var(--title-track-section);
}

/* --- Odds and ends -------------------------------------------------------- */

/* Masthead wordmark — was -0.03em. */
.brand {
  letter-spacing: 0em;
}

.pager-btn,
.pager-num {
  letter-spacing: var(--title-track-card);
}

/* Mobile "More stories" feed (mobile-and-theme.css, ≤650px). */
@media (max-width: 650px) {
  .mobile-feed h2 {
    letter-spacing: var(--title-track-section);
  }

  .mobile-feed h3 {
    line-height: 1.36;
    letter-spacing: var(--title-track-card);
  }
}