/* ══════════════════════════════════════════════════════════════════════
   Katha chapter reader — 2026 layer
   ----------------------------------------------------------------------
   Loaded after the page's own <style>. The prose stays in Merriweather —
   that is a reading choice, not decoration. Everything around it moves to
   the site system: Satoshi, one sand accent (#e8d5b7), hairlines, 6px.

   Colours, radii and the tracked-caps labels were changed in place in
   reader.ejs, chapter-jump.css and chapter-audio.css. This file holds only
   what has no place there: the font, the rating chip, and the controls
   that are shared with other pages.
   ══════════════════════════════════════════════════════════════════════ */
@font-face{font-family:RdSatoshi;src:url('/fonts/satoshi/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:RdSatoshi;src:url('/fonts/satoshi/Satoshi-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:RdSatoshi;src:url('/fonts/satoshi/Satoshi-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}

:root{--rd-font:RdSatoshi,system-ui,sans-serif}
body.katha-reader{font-family:var(--rd-font)}

/* Rating chip: was a yellow star in a rounded pill with inline styles. */
body.katha-reader .reader-rating-chip{
  display:flex;align-items:center;gap:7px;
  padding:6px 11px;
  border:1px solid rgba(232,213,183,.16);border-radius:6px;
  background:transparent;
}
body.katha-reader .reader-rating-chip i,
body.katha-reader .reader-rating-chip svg{width:14px;height:14px;color:#e8d5b7;fill:#e8d5b7;stroke:#e8d5b7}
body.katha-reader .reader-rating-chip span{font-weight:700;font-size:.82rem;color:#efe9dc;font-variant-numeric:tabular-nums}

/* Chapter jump trigger and Listen button are shared widgets (the Chitra
   reader uses the first), so their shape is set here, scoped to this page. */
body.katha-reader .cjump-trigger{
  border-radius:6px;
  background:transparent;
  border-color:rgba(232,213,183,.18);
  font-weight:700;letter-spacing:0;
}
body.katha-reader .cjump-trigger:hover{
  background:rgba(232,213,183,.07);
  border-color:rgba(232,213,183,.34);
  transform:none;
}
body.katha-reader .nv-listen,
body.katha-reader .nv-listen-wrap,
body.katha-reader .nv-listen-main{border-radius:6px}
body.katha-reader .nv-listen,
body.katha-reader .nv-listen-wrap{background:transparent;border-color:rgba(232,213,183,.28);box-shadow:none}
body.katha-reader .nv-listen:hover,
body.katha-reader .nv-listen-wrap:hover{background:rgba(232,213,183,.08);border-color:rgba(232,213,183,.5);box-shadow:none}

/* Active chapter in the rail: a sand marker, nothing else. */
body.katha-reader .reader-chapter-link.is-current{box-shadow:inset 2px 0 0 #e8d5b7}

body.katha-reader ::selection{background:rgba(232,213,183,.28);color:#141311}

@media (prefers-reduced-motion:reduce){
  body.katha-reader .cjump-trigger,
  body.katha-reader .nv-listen,
  body.katha-reader .nv-listen-wrap{transition:none}
}

/* Jump dialog: shared with the Chitra reader, so the 2026 shape is set here. */
body.katha-reader .cjump{--cj-r-panel:8px;--cj-r-row:6px}
body.katha-reader .cjump-eyebrow{font-size:.78rem;font-weight:600;letter-spacing:0;text-transform:none}
body.katha-reader .cjump-badge{font-size:.74rem;font-weight:600;letter-spacing:0;text-transform:none}
body.katha-reader .cjump-badge,
body.katha-reader .cjump-range,
body.katha-reader .cjump-icon,
body.katha-reader .cjump-search input,
body.katha-reader .cjump-n,
body.katha-reader .cjump-page-btn{border-radius:6px}

/* Comments: heading sized as a section title, empty state in sentence case. */
body.katha-reader .social-header{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;gap:12px;margin-bottom:24px}
body.katha-reader .social-header svg{width:20px;height:20px;color:rgba(232,213,183,.7)}