/* Mahabharata: Divya Granth's original dark green, gilded parchment double-page look. */
*{box-sizing:border-box}html{background:#0e271d;color:#e9d5ae}body{margin:0;background:radial-gradient(ellipse at 50% 24%,#294739 0%,#132f24 70%,#0d251c);font-family:Georgia,'Noto Serif Devanagari',serif;min-height:100vh;color:#ecd7ae}
button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}
.mbHeader{display:flex;align-items:center;gap:17px;justify-content:space-between;min-height:85px;background:#10261d;border-bottom:1px solid #c49d6752;padding:12px max(18px,4vw)}
.mbBack{width:48px;height:48px;display:grid;place-items:center;text-decoration:none;color:#e7c994;background:#214637;border:1px solid #c7ad747b;border-radius:15px;font-size:28px}
.mbBrand{flex:1}.mbBrand strong{display:block;font:30px Georgia,serif;color:#ebca92}.mbBrand small{display:block;color:#c8c2ad;letter-spacing:2px;font:10px Arial,sans-serif;margin-top:4px}
.mbLibraryLink{display:inline-block;padding:14px 6px;font:13px Arial,sans-serif;color:#e6c78e;text-decoration:none}
.mbMain{width:min(1120px,100%);margin:auto;padding:12px 20px 55px}
.mbTitle{text-align:center;padding:13px 5px 15px}.mbEyebrow{font:12px Arial,sans-serif;letter-spacing:2px;color:#d7bb86}.mbTitle h1{font:400 clamp(26px,5.4vw,43px) Georgia,serif;margin:8px auto;color:#f1d5a3}.mbTitle>p:last-child{font:13px Arial,sans-serif;color:#c3ccbb;margin:7px auto}
.mbSelector{display:flex;align-items:end;justify-content:space-between;gap:13px;max-width:1040px;margin:0 auto 12px}
.mbSelector>label{flex:1;min-width:0;font:12px Arial,sans-serif;color:#decba6;display:grid;gap:6px}.mbSelector select{display:block;max-width:100%;padding:10px 12px;background:#ede1c5;color:#263a2e;border:1px solid #a89162;border-radius:10px}
.mbSelectorActions{display:flex;flex-wrap:wrap;gap:8px}.mbSelectorActions button,.mbReaderTools button{border:1px solid #b9a16e8a;background:#214636;color:#eed7a7;border-radius:13px;padding:10px 13px;font:13px Arial,sans-serif}
.mbStatus{font:12px/1.65 Arial,sans-serif;color:#d5cbb1;text-align:center;max-width:1020px;margin:4px auto 12px;min-height:19px}
.mbBook.book.dg-physical-book,.mbBook.book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:500px;min-height:500px;border:9px solid #7b5030;border-radius:21px;background:#4b3120;max-width:1040px;margin:auto;box-shadow:inset 0 0 0 3px #c79c64,0 20px 50px #0008;overflow:hidden;isolation:isolate}
.mbBook.book.dg-physical-book{overflow:hidden}
.mbBook .page{min-width:0;height:482px;min-height:482px;display:flex;flex-direction:column;overflow:hidden;position:relative;padding:0;background:radial-gradient(ellipse at 40% 30%,#fff0cf,#ebd2a3 96%);color:#493427;border:1px solid #b9986d}
.mbBook .page:first-child{box-shadow:inset -14px 0 18px #49351c20}
.mbPageReading{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4a171 transparent;padding:28px 29px 11px}
.mbPageReading .kicker{font:10px Georgia,serif;letter-spacing:1.5px;color:#927248;display:block}
.mbPageReading h2{font:400 22px Georgia,serif;color:#71502e;margin:21px 0 14px}
.mbPassage{font:18px/1.7 Georgia,serif;white-space:pre-wrap;overflow-wrap:break-word;color:#443124}
.mbPageFooter{display:flex;justify-content:space-between;align-items:center;flex:0 0 53px;height:53px;border-top:1px solid #c2a77f;background:#ecd8b0;padding:6px 13px;gap:8px}
.mbPageFooter .mbPlay{position:static;width:37px;height:37px;border-radius:50%;border:0;color:#f6e4bd;background:#215940;font:19px Arial,sans-serif;cursor:pointer}
.mbPageFooter span{font:12px Georgia,serif;color:#8c6f48}
.dg-book-reader .book.dg-physical-book:before{display:block!important;left:calc(50% - 9px);width:18px;background:linear-gradient(90deg,#533c2573,#fff3d258,#0004,#fff1d68a)}
.mbNavigation,.navigation{max-width:1040px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px auto 14px}
.mbNavigation button{border:1px solid #bba373;border-radius:26px;padding:12px 20px;background:#1c4030;color:#ead4a7;font:14px Arial,sans-serif}
.mbPageProgress{text-align:center;font:13px Arial,sans-serif;color:#ddc6a3}.mbPageProgress small{display:block;margin-top:5px;color:#b7bcac;font-size:11px}
.mbReaderTools{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;max-width:1040px;margin:0 auto 12px}
.mbReaderTools label{display:flex;gap:8px;align-items:center;font:12px Arial,sans-serif;color:#d9cbb4}
.mbReaderTools input{width:clamp(130px,22vw,230px);background:#f5e6c9;border:1px solid #a58b5e;border-radius:10px;padding:10px;color:#244335}
.dg-book-reader .audio.mbNarration{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:1040px!important;max-height:none!important;overflow:visible!important;background:#153a2a!important;border:1px solid #baa47569;border-radius:17px;padding:15px;margin:8px auto 20px!important;box-shadow:none!important;backdrop-filter:none!important;color:#eddbb7}
.mbNarration h2{font:400 21px Georgia,serif;color:#edd2a3;margin:0 0 13px}
.mbAudioButtons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.mbAudioButtons button{min-height:43px;background:#285741;color:#e9dbbb;border:1px solid #bfa57872;border-radius:10px;font:13px Arial,sans-serif}
.mbAudioButtons button:nth-child(2){background:#e0c58c;color:#183827;font-weight:bold}
.mbVoiceOptions{margin:13px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.mbVoiceOptions label{font:12px Arial,sans-serif;color:#d9d5bd;display:grid;gap:8px}
.mbVoiceOptions select{max-width:100%;min-width:0;padding:10px;border:1px solid #b49b70;background:#f7e8cc;color:#243b2f;border-radius:9px}
.mbVoiceOptions input{accent-color:#dfc28a;width:100%}
.mbAudioNote{font:11px/1.6 Arial,sans-serif;color:#bec5b4;margin:12px 0 0}
.mbAttribution{max-width:1030px;margin:10px auto;padding:18px 20px;border:1px solid #a9935c63;border-radius:14px;background:#133728;color:#d4cfb5;font:13px/1.8 Arial,sans-serif}
.mbAttribution strong{color:#e7ca91}.mbAttribution p{margin:8px 0}.mbAttribution a{color:#f1d3a1}
body.mbDark .mbBook .page{background:radial-gradient(ellipse at 45% 25%,#393b35,#232924 96%);color:#eee3c8;border-color:#746348}
body.mbDark .mbPassage{color:#f0e2c2}body.mbDark .mbPageReading h2{color:#e2c28b}body.mbDark .mbPageReading .kicker{color:#c1a679}
body.mbDark .mbPageFooter{background:#252c25;border-color:#695c43}body.mbDark .mbPageFooter span{color:#d2b68b}
@media(max-width:760px){
 .mbHeader{min-height:74px;padding:10px 13px;gap:12px}.mbBack{width:43px;height:43px;font-size:23px}.mbBrand strong{font-size:24px}.mbBrand small{font-size:9px}.mbLibraryLink{display:none}
 .mbMain{padding:8px 10px 33px}.mbTitle{padding:12px 0 15px}.mbTitle h1{font-size:31px}.mbTitle>p:last-child{font-size:11px}
 .mbSelector{align-items:stretch;gap:8px}.mbSelectorActions{flex-direction:column;justify-content:end;gap:6px}.mbSelectorActions button{padding:8px 9px;font-size:11px}.mbSelector label{font-size:11px}
 .mbBook.book,.mbBook.book.dg-physical-book{height:420px;min-height:420px;border-width:7px;border-radius:17px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .mbBook .page{height:406px;min-height:406px}.mbPageReading{padding:17px 9px 10px}.mbPageReading .kicker{font-size:8px;letter-spacing:.5px}.mbPageReading h2{font-size:15px;margin:13px 0}.mbPassage{font-size:13px;line-height:1.66}
 .mbPageFooter{height:46px;flex-basis:46px;padding:5px 7px}.mbPageFooter .mbPlay{width:33px;height:33px;font-size:16px}.mbPageFooter span{font-size:9px}
 .mbNavigation{gap:6px}.mbNavigation button{font-size:12px;padding:10px 9px}.mbPageProgress{font-size:11px}.mbPageProgress small{font-size:9px}
 .mbReaderTools{gap:7px}.mbReaderTools button{font-size:11px;padding:9px}.mbReaderTools label{font-size:11px}.mbReaderTools input{width:150px;padding:8px}
 .mbAudioButtons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mbAudioButtons button{font-size:12px}.mbVoiceOptions{grid-template-columns:1fr 1fr}.mbVoiceOptions label{font-size:11px}
 .dg-book-reader main{padding-bottom:33px}
}
@media(max-width:360px){.mbPageReading{padding:14px 7px}.mbPassage{font-size:12px}.mbTitle h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.dg-opening-cover{display:none}}

.mbOfflineAll{background:#dfc188;color:#163526;border:1px solid #c8a976;border-radius:13px;padding:10px 13px;font:700 12px Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;max-width:100%;text-align:center}
.mbOfflineAll:hover{background:#f2d4a4}

.mbReaderTools .mbJump{font-size:12px;color:#e6d5b3}.mbReaderTools .mbJump input{width:115px;max-width:140px;min-width:0}
@media(max-width:760px){.mbReaderTools .mbJump input{width:98px}}

/* 2026-11 layout fix: Parva actions on their own row on phones. */
@media(max-width:700px){
 *:has(>.mbSelectorActions){flex-wrap:wrap}
 *:has(>.mbSelectorActions)>label{flex:1 1 100%}
 .mbSelectorActions{flex-direction:row!important;width:100%}
 .mbSelectorActions button{flex:1;font-size:13px!important;padding:10px 12px!important}
}