
:root{--bg:#f5f3eb;--card:#faf9f3;--fg:#1d1c18;--fg2:#4e4a3e;--fg3:#8d8878;
 --line:#ddd8c8;--line2:#e8e4d7;--accent:#b32d1f;--sel:#f0e2c8;
 --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
 --sans:ui-sans-serif,-apple-system,"Segoe UI",system-ui,sans-serif;
 --deva:"Kohinoor Devanagari","Devanagari Sangam MN","Noto Serif Devanagari","Nirmala UI",var(--serif);
 --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#171613;--card:#201f1a;--fg:#eae5d8;
 --fg2:#b6b0a0;--fg3:#857f70;--line:#34322b;--line2:#2a2823;--accent:#e2705f;--sel:#3d3226}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--serif);
 font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
::selection{background:var(--sel)}
a{color:inherit}
.wrap{max-width:46rem;margin:0 auto;padding:clamp(1rem,4vw,2.6rem)}
.lab{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
nav.bc{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;
 color:var(--fg3);padding-bottom:1rem;border-bottom:1px solid var(--line)}
nav.bc a{color:var(--fg2);text-decoration:none}
nav.bc a:hover{color:var(--accent)}
nav.bc .sep{opacity:.5;padding:0 .45rem}
h1{font-size:clamp(1.6rem,4.4vw,2.3rem);margin:1.4rem 0 .3rem;letter-spacing:-.015em;
 font-weight:600;text-wrap:balance}
h1 .dv{font-family:var(--deva);color:var(--accent);font-weight:500;margin-left:.4rem}
.dek{color:var(--fg2);margin:0 0 .5rem;font-size:1rem}
.open{display:inline-block;margin:.7rem 0 0;font-family:var(--mono);font-size:.64rem;
 letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--accent);
 border-radius:2px;padding:.5rem .9rem;text-decoration:none}
.verses{margin:2.2rem 0 0}
article.v{display:grid;grid-template-columns:2.6rem 1fr;gap:0 1rem;
 padding:1.15rem 0 1.25rem;border-bottom:1px solid var(--line2)}
article.v .n{font-family:var(--mono);font-size:.76rem;color:var(--accent);padding-top:.35rem}
.dv{font-family:var(--deva);font-size:1.14rem;line-height:1.9;margin:0 0 .25rem}
.ia{font-style:italic;color:var(--fg2);font-size:.9rem;line-height:1.6;margin:0 0 .85rem}
.t{margin:0 0 .7rem}
.t h2{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
 color:var(--fg3);margin:0 0 .2rem;font-weight:400}
.t h2.dvh{font-family:var(--deva);letter-spacing:0;font-size:.68rem;text-transform:none}
.t p{margin:0;font-size:.97rem}
.t.hi p{font-family:var(--deva);line-height:1.85;color:var(--fg2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr));gap:.4rem;margin:1.6rem 0 0}
.grid a{background:var(--card);border:1px solid var(--line);border-radius:2px;
 padding:.5rem .3rem;text-align:center;text-decoration:none;font-family:var(--mono);font-size:.8rem}
.grid a small{display:block;color:var(--fg3);font-size:.58rem;margin-top:.15rem}
.grid a:hover{border-color:var(--accent);color:var(--accent)}
.bk{display:flex;gap:1rem;align-items:baseline;background:var(--card);border:1px solid var(--line);
 border-radius:2px;padding:.85rem 1rem;text-decoration:none;margin-bottom:.5rem}
.bk .n{font-family:var(--mono);color:var(--accent);font-size:.8rem;min-width:1.2rem}
.bk .nm{font-weight:600}
.bk .nm .dv{font-family:var(--deva);font-weight:400;color:var(--fg2);margin-left:.45rem;font-size:1rem}
.bk small{display:block;color:var(--fg3);font-size:.78rem}
.bk .ct{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--fg3);text-align:right}
.bk:hover{border-color:var(--accent)}
.pager{display:flex;justify-content:space-between;gap:1rem;margin:2.2rem 0 0;
 padding-top:1.1rem;border-top:1px solid var(--line);font-family:var(--mono);
 font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}
.pager a{color:var(--fg2);text-decoration:none}
.pager a:hover{color:var(--accent)}
.prose{margin-top:2rem}
.prose h2{font-size:1.12rem;font-weight:600;letter-spacing:-.005em;margin:2.1rem 0 .5rem;
 padding-top:1.1rem;border-top:1px solid var(--line2)}
.prose h2:first-child{border-top:0;padding-top:0;margin-top:1.4rem}
.prose p{margin:0 0 .85rem;max-width:64ch}
.prose p[lang="hi"],.prose.hi p,.prose.hi h2{font-family:var(--deva);line-height:1.9}
.prose.hi h2{line-height:1.5}
.prose .bk{margin-top:.5rem}
footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:1.1rem;
 color:var(--fg3);font-size:.82rem}
footer p{margin:0 0 .55rem;max-width:62ch}
footer a{color:var(--fg2)}
