/* ============================================================
   Broadsheet skin for the Notes subject-index (TOC) pages.
   Loaded LAST in <head> by build_notes.py so it overrides each
   page's own inline <style>. Re-skins the TOC to match
   "The PrepYodha Daily" (news.css) — chapter pages are untouched.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Spectral:ital,wght@0,400;0,500;0,600;1,400&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

:root{
  --np-paper:#f6f1e6;--np-sheet:#fffdf8;--np-ink:#23201a;--np-soft:#5c5446;
  --np-navy:#1c3a5e;--np-crimson:#a32f2f;--np-bronze:#9c6a2f;--np-rule:#ddd3bf;--np-rule2:#cabfa6;--np-inkrule:#2a2620;
  --np-display:'Playfair Display',Georgia,serif;--np-serif:'Spectral',Georgia,serif;--np-ui:'Plus Jakarta Sans',system-ui,sans-serif;
}

body{
  background:var(--np-paper) !important;
  background-image:radial-gradient(rgba(120,100,60,.05) 1px,transparent 1px) !important;
  background-size:3px 3px !important;
  color:var(--np-ink) !important;
  font-family:var(--np-serif) !important;
}

/* top bar */
.topbar{background:var(--np-sheet) !important;border-bottom:1px solid var(--np-inkrule) !important;backdrop-filter:none !important}
.brand{font-family:var(--np-display) !important;color:var(--np-navy) !important}
.brand b{color:var(--np-bronze) !important}
.brand small{color:var(--np-bronze) !important;letter-spacing:.2em !important;font-weight:700 !important}
.back,.topbar a{font-family:var(--np-ui) !important;color:var(--np-soft) !important;font-weight:700 !important;
  font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase !important}
.back:hover,.topbar a:hover{color:var(--np-crimson) !important}
#bar{background:linear-gradient(90deg,var(--np-navy),var(--np-bronze)) !important}

/* hero — replace the source's coloured gradient banner with a clean sheet panel */
.hero{background:var(--np-sheet) !important;box-shadow:none !important;
  border:1px solid var(--np-rule) !important;border-top:3px solid var(--np-bronze) !important;
  border-radius:3px !important;padding:26px 26px !important;color:var(--np-ink) !important}
.hero *{color:inherit !important}
.hero::before,.hero::after{background:none !important;box-shadow:none !important;content:none !important}
.hero .kic,.kic{font-family:var(--np-ui) !important;color:var(--np-crimson) !important;font-weight:800 !important;
  font-size:12px !important;letter-spacing:.16em !important;text-transform:uppercase !important}
.hero h1{font-family:var(--np-display) !important;color:var(--np-navy) !important;font-weight:900 !important;
  letter-spacing:-.012em !important}
.hero p,.hero .sub{font-family:var(--np-serif) !important;color:var(--np-soft) !important}

/* chapter cards (TOC grid) */
.card{background:var(--np-sheet) !important;border:1px solid var(--np-rule) !important;
  border-top:3px solid var(--np-bronze) !important;border-radius:3px !important;
  box-shadow:0 2px 8px rgba(20,42,68,.04) !important;transition:transform .16s ease,box-shadow .16s ease !important}
.card:hover{border-color:var(--np-rule) !important;border-top-color:var(--np-bronze) !important;
  transform:translateY(-3px) !important;box-shadow:0 12px 28px rgba(20,42,68,.10) !important}
.card .n{font-family:var(--np-ui) !important;color:var(--np-crimson) !important;font-weight:800 !important;
  font-size:10.5px !important;letter-spacing:.08em !important;text-transform:uppercase !important}
.card b{font-family:var(--np-display) !important;color:var(--np-navy) !important;font-weight:700 !important}
.card span,.card .ci span{font-family:var(--np-serif) !important;color:var(--np-soft) !important}
.card .bdg{border-radius:3px !important}
