@font-face { font-family: "Tiro Devanagari Sanskrit"; src: url("/fonts/TiroDevanagariSanskrit-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Literata"; src: url("/fonts/Literata-VF.ttf") format("truetype"); font-weight: 200 900; font-display: swap; }
:root {
  --paper: #FAF6EE; --surface: #F3EDE2; --ink: #1E1B16; --ink2: #5F584D; --rule: #E7DFD0; --accent: #2F3A70;
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #121110; --surface: #1C1A18; --ink: #ECE5D6; --ink2: #A39B8C; --rule: #2A2724; --accent: #A9B4EE; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 18px/1.65 Literata, Georgia, serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 80px; }
h1, h2 { font-weight: 500; line-height: 1.25; }
h1 { font-size: 2.2rem; margin: 0.2em 0 0.4em; }
h2 { font-size: 1.3rem; margin-top: 2em; }
p, li { color: var(--ink); }
.muted { color: var(--ink2); }
.deva { font-family: "Tiro Devanagari Sanskrit", serif; }
.mark { font-size: 3.2rem; color: var(--accent); line-height: 1; }
.verse { background: var(--surface); border-radius: 20px; padding: 28px 24px; text-align: center; margin: 32px 0; }
.verse .deva { font-size: 1.45rem; line-height: 1.8; }
.verse .tr { font-size: 1.05rem; color: var(--ink2); margin-top: 14px; text-align: left; }
a { color: var(--accent); }
nav { display: flex; gap: 18px; font: 15px/1.4 -apple-system, system-ui, sans-serif; margin-bottom: 32px; }
nav a { text-decoration: none; }
footer { border-top: 1px solid var(--rule); margin-top: 56px; padding-top: 20px; font: 14px/1.5 -apple-system, system-ui, sans-serif; color: var(--ink2); }
.badge { display: inline-block; background: var(--ink); color: var(--paper); padding: 12px 20px; border-radius: 12px; text-decoration: none; font: 600 16px -apple-system, system-ui, sans-serif; }
ul { padding-left: 1.2em; }
@media (max-width: 480px) {
  h1 { font-size: 1.9rem; }
  .verse { padding: 24px 16px; }
  .verse .deva { font-size: 1.12rem; }
}