/* SanatanDhwani – readability layer. Loaded AFTER lyrics.css / blog.css / inline page styles.
   Goals: AA contrast for small text, no tiny type, comfortable line-height (esp. Indic scripts),
   larger touch targets, visible keyboard focus. Colours/branding are unchanged. */

/* ---------- Per-script fonts & line-height multiplier ---------- */
:lang(hi),:lang(mr){--indic:"Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI","Mangal";--k:1.1}
:lang(te){--indic:"Noto Sans Telugu","Kohinoor Telugu","Nirmala UI","Gautami";--k:1.15}
:lang(ta){--indic:"Noto Sans Tamil","Tamil Sangam MN","Nirmala UI","Latha";--k:1.15}
:lang(kn){--indic:"Noto Sans Kannada","Kannada Sangam MN","Nirmala UI","Tunga";--k:1.15}
:lang(ml){--indic:"Noto Sans Malayalam","Malayalam Sangam MN","Nirmala UI","Kartika";--k:1.15}
:lang(bn){--indic:"Noto Sans Bengali","Kohinoor Bangla","Nirmala UI","Vrinda";--k:1.1}
:lang(or){--indic:"Noto Sans Oriya","Oriya Sangam MN","Nirmala UI","Kalinga";--k:1.12}
:lang(gu){--indic:"Noto Sans Gujarati","Kohinoor Gujarati","Nirmala UI","Shruti";--k:1.1}
body{font-family:Georgia,"Times New Roman",var(--indic,Georgia),serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lang{font-family:Arial,var(--indic,Arial),sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:90px}

/* ---------- Contrast: orange (#d65a18) is only ~3.5:1 on cream, so use the darker --link for small text ---------- */
.crumb,.crumb a,.back,.hanuman-back,.post-nav a,.view,.read,.eyebrow,
.hanuman-verse-card .label,.mantra-detail h3,.post-meta .lg{color:var(--link)}
.lang.active,.lang:hover,a.lg:hover{background:var(--link);border-color:var(--link);color:var(--onacc)}
.cta{background:var(--link)}

/* ---------- Minimum sizes for UI / secondary text ---------- */
.crumb{font-size:14px}
.back,.hanuman-back,.post-nav a,.view{font-size:15px}
.read{font-size:14px}
.eyebrow{font-size:13px}
.deity,.subtitle{font-size:15px}
.post-meta{font-size:14px}
.lang{font-size:14px;min-height:42px;padding:9px 14px;line-height:1.3}
.hanuman-nav span{font-size:14px;line-height:1.6}
.hanuman-section-head p{font-size:15px}
.hanuman-verse-card .label{font-size:14px}
.mantra-detail h3{font-size:1rem}
.head p,.quote span{font-size:15px}
.cards .card p,.cat p{font-size:15px;line-height:1.65}
.search{font-size:16px} /* prevents iOS zoom-on-focus */
.foot a,.foot p{font-size:15px}
.copy{font-size:14px}

/* ---------- Body copy: size + line-height (scaled up for Indic scripts) ---------- */
.intro{font-size:17px;line-height:calc(1.75*var(--k,1));color:var(--text2)}
.post-body{font-size:18px;line-height:calc(1.8*var(--k,1))}
.post-card p{font-size:16px;line-height:calc(1.7*var(--k,1))}
.mantra-detail p{font-size:1.0625rem;line-height:calc(1.75*var(--k,1))}
.hanuman-info-card p,.hanuman-info-card ul{font-size:1.0625rem;line-height:calc(1.8*var(--k,1))}
.hanuman-verse-card .verse{font-size:19px;line-height:calc(1.85*var(--k,1))}
.hanuman-verse-card .meaning{font-size:16.5px;line-height:calc(1.8*var(--k,1))}
.lyrics{line-height:calc(2.05*var(--k,1))}
.post-body p,.mantra-detail p,.hanuman-info-card p,.hanuman-verse-card .meaning{text-wrap:pretty}
.post-body a,.hanuman-info-card p a,.hanuman-info-card li a,.mantra-detail p a,.intro a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}

/* ---------- Mobile (this file loads last, so it must restate the mobile sizes) ---------- */
@media(max-width:600px){
  .card{padding:18px 16px}
  .mantra-page .card{padding:14px}
  .mantra-section{padding:.9rem 1rem}
  .crumb{font-size:13px}
  .back,.hanuman-back{font-size:14px}
  .lang{font-size:14px;min-height:42px;padding:9px 11px}
  .post-article.card{padding:18px 16px 24px}
  .post-body{font-size:17px;line-height:calc(1.75*var(--k,1))}
  .post-card p{font-size:16px}
  .mantra-detail h3{font-size:.95rem}
  .mantra-detail p{font-size:1rem;line-height:calc(1.7*var(--k,1))}
  .hanuman-info-card p,.hanuman-info-card ul{font-size:1rem;line-height:calc(1.75*var(--k,1))}
  .hanuman-verse-card .verse{font-size:18px;line-height:calc(1.85*var(--k,1))}
  .hanuman-verse-card .meaning{font-size:16px;line-height:calc(1.75*var(--k,1))}
  .lyrics{font-size:20px;line-height:calc(2*var(--k,1))}
  .intro{font-size:16px}
}

/* ---------- Keyboard focus & motion ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.card:hover,.post-card:hover,.hanuman-nav a:hover,.cat:hover{transform:none}}