/* Divya Granth · Valmiki Ramayana Sanskrit original; contemporary heritage reader */
*{box-sizing:border-box}html{background:#10251c}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#294936,#10281e 72%,#0b2119);color:#ead5ac;font-family:Georgia,'Noto Serif Devanagari',serif}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}
:where(button,select,a,input):focus-visible{outline:3px solid #f5d49c;outline-offset:2px}
.valHeader{display:flex;align-items:center;gap:14px;min-height:78px;background:#10271d;border-bottom:1px solid #ae906058;padding:11px max(15px,4vw)}.valBack{width:47px;height:47px;display:grid;place-items:center;font:24px Georgia,serif;border:1px solid #b89f72;border-radius:13px;background:#1c4633;color:#e7d4a9;text-decoration:none}
.valBrand{flex:1}.valBrand strong{display:block;font:400 clamp(22px,3vw,28px) Georgia,serif;color:#f3d8a5}.valBrand small{font:10px Arial,sans-serif;color:#c7c4ae;letter-spacing:2.5px}.valHome{display:inline-block;padding:14px 6px;font:13px Arial,sans-serif;text-decoration:none;color:#e5cd9c}
.valMain{max-width:1100px;margin:0 auto;padding:12px 16px 45px}.valHero{text-align:center;margin:10px auto 22px}.valHero>small{color:#d9b67c;font:11px Arial,sans-serif;letter-spacing:2.4px}.valHero h1{font:400 clamp(28px,5vw,46px)/1.35 'Noto Serif Devanagari',Georgia,serif;color:#f1d7a5;margin:12px auto}.valHero>p{font:13px/1.6 Arial,sans-serif;color:#c8ccbc}.valHero .valNote{font-size:12px;margin-top:6px;color:#c5cabb}.valHero a,.valSource a{color:#efd099}
.valTop{display:flex;align-items:end;gap:11px;max-width:1040px;margin:0 auto 12px}.valTop>label{display:grid;gap:7px;min-width:0;flex:1;font:12px Arial,sans-serif;color:#ead4ae}.valTop select{display:block;width:100%;min-width:0;background:#f0e2c5;color:#284c37;border:1px solid #b89a68;border-radius:10px;padding:11px}.valTopActions{display:flex;gap:7px;flex-wrap:wrap}.valTopActions button,.valTools button{border:1px solid #b59d6c70;color:#f0dbb5;background:#224a36;border-radius:11px;padding:10px 13px;font:13px Arial,sans-serif;min-height:42px}
.valStatus{text-align:center;font:12px/1.6 Arial,sans-serif;max-width:1040px;margin:8px auto 13px;color:#d8c9ac;min-height:20px}
.valBook.book,.valBook.book.dg-physical-book{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:490px!important;height:490px!important;overflow:hidden!important;border:9px solid #795333!important;border-radius:20px!important;max-width:1040px!important;background:#503822!important;margin:auto!important;position:relative;box-shadow:inset 0 0 0 3px #bd9a69,0 20px 47px #0008!important}
.valBook.book.dg-physical-book:before{display:block!important;width:16px!important;left:calc(50% - 8px)!important;background:linear-gradient(90deg,#60402d8c,#ffefc866,#0005,#f1d8ad7a)!important}
.valBook.book>.page{display:flex!important;flex-direction:column!important;min-width:0!important;height:472px!important;min-height:472px!important;overflow:hidden!important;padding:0!important;background:radial-gradient(ellipse at 44% 24%,#ffefd0,#efd6a7 96%)!important;border:1px solid #bba073!important;color:#3e2e20}
.valBook.book>.page:first-child{box-shadow:inset -16px 0 19px #36210e1a}
.valBook .valScroll{flex:1 1 auto;min-height:0;overflow:auto;padding:27px 24px 12px;scrollbar-width:thin;scrollbar-color:#c29f72 transparent;overscroll-behavior:contain}.valKicker{color:#a28359;font:10px Georgia,serif;letter-spacing:1.4px}.valScroll h2{font:400 clamp(17px,2.5vw,25px) 'Noto Serif Devanagari',serif;color:#755333;margin:20px 0}.valmikiVerse{color:#34271c;font:500 clamp(17px,2.2vw,23px)/1.85 'Noto Serif Devanagari',serif;white-space:pre-line;overflow-wrap:anywhere}.valmikiVerse p{padding:0 0 12px;margin:0 0 14px;border-bottom:1px solid #bea7805f}
.valPageFoot{display:flex;justify-content:space-between;align-items:center;gap:9px;height:54px;flex:0 0 54px;padding:6px 13px;background:linear-gradient(#eed9b5,#e3cda7);border-top:1px solid #b9a178;color:#805f3d;font:12px Georgia,serif}.valPageFoot button{width:39px;height:39px;border:0;border-radius:50%;background:#256344;color:#fff0c9;font:19px Arial,sans-serif}.valPageFoot button[aria-pressed=true]{background:#b27b3e}
.valNav{max-width:1040px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px auto 12px}.valNav>button{background:#214b37;color:#f0dbb6;border:1px solid #b8a070;border-radius:26px;padding:11px 19px;min-height:45px;font:14px Arial,sans-serif}.valNav #progress{font:12px Arial,sans-serif;color:#ded1b1;text-align:center;font-variant-numeric:tabular-nums}
.valTools{display:flex;flex-wrap:wrap;align-items:end;gap:9px;max-width:1040px;margin:10px auto}.valTools>label{font:11px Arial,sans-serif;color:#d4c3a2;display:grid;gap:5px;flex:1;min-width:170px}.valTools input{height:40px;background:#f4e8d0;border:1px solid #b6a06f;border-radius:9px;padding:8px 12px;color:#2b4636;width:100%}.valTools button{font-size:12px}.valSearchMessage{text-align:center;color:#d9cba9;font:12px Arial,sans-serif;min-height:17px}
.valAudio{position:static!important;transform:none!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:1040px!important;margin:15px auto!important;background:#173c2d!important;border:1px solid #ae986c88!important;border-radius:15px;box-shadow:0 9px 26px #0003!important;display:block!important;overflow:visible!important;max-height:none!important;padding:17px!important}
.valAudioHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.valAudioHead strong{font:400 22px Georgia,serif;color:#f1d5a4}.valAudioHead span{font:11px Arial,sans-serif;color:#bfc7b3}
.valAudioButtons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.valAudioButtons button{min-height:44px;padding:9px;background:#2a5540;color:#f3dfbb;border:1px solid #ac97729c;border-radius:11px;font:13px Arial,sans-serif}.valAudioButtons button:nth-child(2){background:#ddbe86;color:#18382a;font-weight:700}
.valVoiceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}.valVoiceGrid label{display:grid;gap:7px;min-width:0;font:11px Arial,sans-serif;color:#dfcfae}.valVoiceGrid select{background:#f4e8d0;border:1px solid #b9a173;border-radius:9px;color:#224733;padding:10px;min-width:0;max-width:100%}.valVoiceGrid input{accent-color:#e3c087;max-width:100%;width:100%}
#valVoiceNote{font:12px/1.7 Arial,sans-serif;color:#c8c8b5;margin:12px 0 0}
.valSource{max-width:1040px;border:1px solid #b79f7055;background:#143329;border-radius:14px;padding:17px 20px;margin:20px auto;color:#c4cab8;font:12px/1.8 Arial,sans-serif}.valSource strong{font:18px Georgia,serif;color:#ead29c}.valSource p{margin:9px 0}
body.valDark .valBook.book>.page{background:radial-gradient(ellipse at 42% 24%,#424039,#242a26 97%)!important;color:#f1e1bd}body.valDark .valmikiVerse{color:#f0dec2}body.valDark .valScroll h2{color:#ebc895}body.valDark .valKicker{color:#cdb18b}body.valDark .valPageFoot{background:#26302a;border-color:#6a5c45;color:#d8c4a1}
@media(max-width:760px){
.valHeader{min-height:72px;padding:10px 12px}.valHome{display:none}.valBrand strong{font-size:22px}.valBrand small{font-size:9px;letter-spacing:1.2px}.valBack{width:43px;height:43px}
.valMain{padding:10px 9px 35px}.valHero{margin:5px auto 16px}.valHero h1{font-size:27px}.valHero>small{font-size:9px}.valHero>p{font-size:11px}.valHero .valNote{font-size:10px}
.valTop{flex-wrap:wrap;gap:8px}.valTop>label{flex-basis:calc(50% - 8px);font-size:11px}.valTopActions{width:100%;justify-content:center}
.valTopActions button{font-size:11px;min-height:36px;padding:8px 11px}
.valBook.book,.valBook.book.dg-physical-book{height:430px!important;min-height:430px!important;border-width:7px!important;border-radius:18px!important}
.valBook.book>.page{height:416px!important;min-height:416px!important}.valBook .valScroll{padding:17px 9px 9px}.valKicker{font-size:8px;letter-spacing:.4px}.valScroll h2{font-size:14px;margin:11px 0}.valmikiVerse{font-size:13px;line-height:1.7}.valmikiVerse p{padding-bottom:8px;margin-bottom:11px}
.valPageFoot{height:46px;flex-basis:46px;padding:6px 7px;font-size:9px}.valPageFoot button{height:33px;width:33px;font-size:17px}
.valNav>button{min-height:41px;padding:10px 11px;font-size:12px}.valNav #progress{font-size:10px}
.valAudio{padding:12px!important}.valAudioHead strong{font-size:19px}.valAudioHead span{font-size:10px}.valAudioButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.valAudioButtons button{min-height:43px;font-size:12px}.valVoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}
@media(max-width:380px){.valBook .valScroll{padding:13px 7px 7px}.valmikiVerse{font-size:12px;line-height:1.6}.valNav #progress{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}