/* A light paper frame; colour belongs to the art and the journal's accents. */
@media screen{
 .illustrated-mode.pagination-on{background:var(--paper)}
 .illustrated-mode.pagination-on #reading{width:min(1240px,calc(100% - 48px));margin:12px auto 16px}
 .illustrated-mode.pagination-on .printed-spread{grid-template-rows:auto minmax(0,1fr) 56px;padding:20px 32px 8px;border:1px solid var(--line);border-top:3px solid var(--rust);border-radius:0;box-shadow:0 3px 12px #263c3c0a}
 .illustrated-mode .printed-spread::before{background-image:var(--surface-image);background-size:var(--surface-size);opacity:var(--surface-opacity)}
 .illustrated-mode.pagination-on .book-running-head{display:none}
 .illustrated-mode.pagination-on .printed-spread>.poem-heading{grid-row:1;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid var(--line);gap:0 20px}
 .illustrated-mode.pagination-on .reader-meta{font:11px/1.4 var(--ui);letter-spacing:.04em;color:var(--muted);margin:0 0 4px}
 .illustrated-mode.pagination-on .chapter-header h1{font:400 32px/1.5 var(--odia);color:var(--rust);margin:0}
 .illustrated-mode.pagination-on .poem-actions{gap:8px 20px}
 .illustrated-mode.pagination-on .printed-spread>.reader,.illustrated-mode.pagination-on .printed-spread>.book-companion{grid-row:2}
 .illustrated-mode.pagination-on .printed-spread.art-page>.book-companion{gap:64px}
 .illustrated-mode.pagination-on .poem-art{margin:0;gap:0}
 .illustrated-mode.pagination-on .poem-art img{height:auto;max-height:100%;aspect-ratio:auto;width:100%;object-fit:contain}
 .illustrated-mode.pagination-on .poem-art figcaption{display:none}
 .illustrated-mode.pagination-on .illustration-reading{padding:16px 0;overflow:auto;max-height:100%}
 .illustrated-mode.pagination-on .illustration-reading .eyebrow{font:11px/1.5 var(--ui);color:var(--muted);letter-spacing:.08em;margin:0 0 12px}
 .illustrated-mode.pagination-on .illustration-reading h2{font:600 clamp(30px,3.6vw,44px)/1.12 var(--display);color:var(--rust);margin:0 0 20px}
 .illustrated-mode.pagination-on .image-narrative{font:18px/1.75 var(--serif);margin:0;max-width:38ch}
 .illustrated-mode.pagination-on .illustration-reading blockquote,.illustrated-mode.pagination-on .image-page-ornament{display:none}
 .illustrated-mode.pagination-on .book-reading-end{grid-row:3;padding:8px 0 0;border-top:1px solid var(--line);margin-top:8px}
 .illustrated-mode .leaf-nav{grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr);gap:8px}
 .illustrated-mode .leaf-nav>button{display:flex;align-items:center;gap:8px;width:auto;min-width:44px;font:13px/1.3 var(--ui);white-space:nowrap}
 .illustrated-mode #leaf-next{justify-self:end}
 .illustrated-mode .leaf-nav svg{width:24px;height:24px}
 .illustrated-mode .leaf-nav>div{gap:16px;font:12px/1.4 var(--ui)}
 .illustrated-mode #leaf-progress{font:13px/1.4 var(--ui);color:var(--muted)}
 .illustrated-mode #leaf-switch{width:auto;padding:4px 0;min-height:44px;border:0;background:none;color:var(--sea);font:13px/1.4 var(--ui);text-decoration:underline;text-underline-offset:4px}
 .illustrated-mode.night .printed-spread{box-shadow:none}
 .illustrated-mode.night .printed-spread::before{display:none}
 .cover-edition .bound-cover{border-width:1px;border-left-width:4px;border-radius:1px;box-shadow:2px 2px 0 var(--line),6px 8px 18px #263c3c20}
 .cover-edition .bound-back{border-left-width:1px;border-right-width:4px;box-shadow:-2px 2px 0 var(--line),-6px 8px 18px #263c3c20}
}
@media screen and (max-width:760px){
 .illustrated-mode.pagination-on #reading{width:calc(100% - 24px);margin:8px auto 12px}
 .illustrated-mode.pagination-on .printed-spread{padding:12px 18px 6px;grid-template-rows:auto minmax(0,1fr) 54px}
 .illustrated-mode.pagination-on .printed-spread>.poem-heading{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;margin:0 0 12px;padding-bottom:4px}
 .illustrated-mode.pagination-on .reader-meta{display:none}
 .illustrated-mode.pagination-on .chapter-header h1{grid-row:1;font-size:28px;line-height:1.5}
 .illustrated-mode.pagination-on .poem-actions{grid-column:1;grid-row:2;gap:4px 22px;justify-content:flex-start}
 .illustrated-mode.pagination-on .poem-actions button{font-size:13px}
 .illustrated-mode.pagination-on .printed-spread.art-page>.book-companion{gap:0}
 .illustrated-mode.pagination-on .poem-art{gap:18px}
 .illustrated-mode.pagination-on .poem-art figcaption{display:block;font:600 29px/1.15 var(--display);color:var(--rust);text-align:left}
 .illustrated-mode.pagination-on .poem-art img{max-height:calc(100% - 86px)}
 .illustrated-mode.pagination-on .illustration-reading{padding:4px 0}
 .illustrated-mode.pagination-on .illustration-reading h2{font-size:32px;margin-bottom:20px}
 .illustrated-mode.pagination-on .image-narrative{font-size:18px;line-height:1.7}
 .illustrated-mode .leaf-nav>div{gap:8px;flex-direction:column}
 .illustrated-mode #leaf-switch{min-height:24px;font-size:12px;padding:0}
 .illustrated-mode .leaf-nav>button{font-size:12px;gap:4px;padding:4px 0}
 .illustrated-mode .leaf-nav svg{width:20px}
}
@media screen and (max-height:550px){
 .illustrated-mode.pagination-on .printed-spread{padding-top:6px}
 .illustrated-mode.pagination-on .printed-spread>.poem-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:4px}
 .illustrated-mode.pagination-on .chapter-header h1{font-size:24px}
 .illustrated-mode.pagination-on .reader-meta{display:none}
 .illustrated-mode.pagination-on .illustration-reading h2{font-size:26px;margin-bottom:12px}
 .illustrated-mode.pagination-on .image-narrative{font-size:16px;line-height:1.6}
}
@media screen and (max-width:760px){
 .illustrated-mode.pagination-on .printed-spread{grid-template-rows:auto minmax(0,1fr) 76px}
 .illustrated-mode .leaf-nav{height:60px}
 .illustrated-mode .leaf-nav>div{gap:0}
 .illustrated-mode #leaf-switch{min-height:44px;height:44px}
}

@media screen and (max-width:760px){
 .illustrated-mode.pagination-on .story-page .illustration-reading{justify-content:safe center}
 .illustrated-mode.pagination-on .illustration-reading>*{flex-shrink:0}
}
@media screen and (max-width:760px) and (max-height:700px){
 .illustrated-mode.pagination-on .illustration-reading h2{font-size:28px;margin-bottom:14px}
 .illustrated-mode.pagination-on .illustration-reading .eyebrow{margin-bottom:8px}
 .illustrated-mode.pagination-on .image-narrative{font-size:17px;line-height:1.65}
}

/* The original illustrated book's softly shaded spine, shared by both modes. */
@media screen{
 .illustrated-mode .printed-spread::after{display:none}
}
@media screen and (min-width:761px){
 .illustrated-mode .printed-spread::after{
  display:block;inset:0;width:auto;border:0;border-radius:0;
  background:linear-gradient(90deg,#3b29171a,transparent 2%,transparent 46%,#4c3b2010 48%,#4c3b2029 49.7%,#fff3 50%,#4c3b2010 51.1%,transparent 54%,transparent 98%,#3b291710);
 }
 .illustrated-mode.night .printed-spread::after{
  background:linear-gradient(90deg,#0002,transparent 3%,transparent 46%,#0003 49.7%,#ffffff0c 50%,transparent 54%,transparent 97%,#0002);
 }
}

/* Quiet is a setting of this same reader, with identical text measurements. */
.quiet-mode .book-companion{display:none!important}
/* Both reader modes retain the same illustrated front and back covers. */
.book-cover-route>nav{width:min(680px,100%);flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px}
.book-cover-route>nav [data-quiet-toggle]{font:14px var(--ui);color:var(--sea);background:none;border:0;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.book-library{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:8px}
.book-library summary{min-height:44px;align-content:center;cursor:pointer}
.book-library label{display:block;margin:8px 0;font:12px/1.5 var(--ui)}
.book-library input,.book-library select{display:block;width:100%;min-height:44px;padding:8px;color:var(--ink);background:var(--paper);border:1px solid var(--line);font:16px/1.4 var(--ui)}
#page-bookmarks .focus-switch{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:12px;font:14px/1.5 var(--ui)}
#page-bookmarks .focus-switch input{width:18px;height:18px;accent-color:var(--sea)}
#page-bookmarks #book-read-section{min-height:44px;text-decoration:underline;text-underline-offset:4px}
#book-search-status{font:12px/1.5 var(--ui);color:var(--muted)}
.continue-reading{display:inline-flex;align-items:center;min-height:44px;font:14px/1.5 var(--ui);color:var(--sea);text-decoration:underline;text-underline-offset:4px}
.unified-reading-invitation{max-width:42ch;margin:0 auto 24px;font:20px/1.7 var(--serif)}
.home-reading-choice>.home-primary{display:inline-flex;align-items:center;gap:12px;min-height:48px;font:18px var(--ui);color:var(--sea);text-decoration:underline;text-underline-offset:6px}
.home-reading-choice>.home-primary svg{width:24px;height:24px}
.home-reading-choice>.home-contents-link{display:flex;width:fit-content;margin-inline:auto}

/* Each desktop leaf carries its own folio beneath its column. */
.leaf-folios{display:none}
@media screen and (min-width:761px){
 .illustrated-mode.pagination-on .book-reading-end{position:relative}
 .illustrated-mode.pagination-on .leaf-folios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;inset:8px 0 0;align-items:center;text-align:center;pointer-events:none;font:13px/1.4 var(--ui);font-variant-numeric:tabular-nums;color:var(--muted)}
 .illustrated-mode #leaf-progress{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

/* Kabita Live's compact quiet-reader toolkit, shared by the whole book. */
.book-only-control{display:none!important}
.illustrated-mode .book-only-control:not([hidden]){display:inline-flex!important}
.illustrated-mode #open-share{display:none}
.illustrated-mode #quick-bookmark{min-width:44px;justify-content:center}
#quick-bookmark[aria-pressed=true] svg{fill:color-mix(in srgb,var(--rust) 18%,transparent)}
#page-bookmarks .reader-select{display:block;font:12px/1.4 var(--ui);color:var(--muted);margin:12px 0}
#page-bookmarks .reader-select select{display:block;width:100%;min-height:44px;padding:8px;margin-top:5px;font:16px/1.4 var(--ui);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0}
#page-bookmarks .reader-compat-controls{display:none!important}
.book-library-actions{display:flex;flex-wrap:wrap;gap:4px 16px}
#page-bookmarks .book-library-actions button,#page-bookmarks #book-sound-test{min-height:44px;font:14px/1.4 var(--ui);text-decoration:underline;text-underline-offset:4px}
#book-effects-note:empty{display:none}

/* The unified book fills the browser, with an explicit way back to the site. */
@media screen{
 .full-page-reader{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .full-page-reader>.masthead,.full-page-reader>.header-rule,.full-page-reader>.footer,.full-page-reader>.footer-landscape{display:none}
 .reader-topbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:4px 24px;color:var(--ink);font:14px/1.4 var(--ui)}
 .reader-topbar .exit-reader{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;text-decoration:none}
 .reader-topbar .exit-reader:hover{color:var(--rust)}
 .full-page-reader .reader-topbar .poem-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin:0;padding:0;border:0;gap:8px 20px}
 .reader-topbar button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;color:var(--ink);padding:4px 0;font:14px/1.4 var(--ui)}
 .reader-topbar button svg{width:22px;height:22px}
 .reader-topbar .reader-aa{font:24px var(--serif)}
 .full-page-reader.illustrated-mode.pagination-on #reading{width:calc(100% - 32px);max-width:none;margin:0 16px 12px}
 .full-page-reader.illustrated-mode.pagination-on .printed-spread>.poem-heading{display:block;margin-bottom:12px;padding-bottom:8px}
 .full-page-reader.cover-edition #reading{width:100%;max-width:none;margin:0;flex:1;min-height:0}
}
@media screen and (max-width:760px){
 .reader-topbar{padding:2px 16px;gap:8px}
 .full-page-reader .reader-topbar .poem-actions{gap:4px 14px}
 .reader-topbar button{font-size:12px;gap:4px}
 .reader-topbar [data-quiet-toggle] svg{display:none}
 .full-page-reader.illustrated-mode.pagination-on #reading{width:calc(100% - 16px);margin:0 8px 8px}
}
@media print{.reader-topbar{display:none}}

/* Site browsing is available after Exit reader; keep this menu for reading. */
.full-page-reader #page-bookmarks .toolkit-contents{display:none}

/* Reader tools: preferences first; optional tools stay folded away. */
#page-bookmarks{box-sizing:border-box}
#page-bookmarks [hidden]{display:none!important}
body:not(.full-page-reader) #page-bookmarks .book-reader-only{display:none}
#page-bookmarks :is(.reader-effects,#page-saved-details,.book-library){border:0;border-top:1px solid var(--line);padding:4px 0;margin:8px 0 0;font:14px/1.5 var(--ui)}
#page-bookmarks :is(.reader-effects,#page-saved-details,.book-library)>summary{min-height:44px;align-content:center;cursor:pointer}
#page-bookmarks #book-search-status{font:12px/1.5 var(--ui);color:var(--muted);margin:8px 0}
#page-bookmarks .page-tools-tip:empty{display:none}
#page-bookmarks :is(select,input):focus-visible{outline:2px solid var(--rust);outline-offset:2px}
.contents-page .poem-actions :is(.reader-listen,#open-share){display:none}

.reader-listen[hidden],[data-odia-audio][hidden]{display:none!important}

/* A small printer's ornament occupies only an otherwise blank facing leaf. */
.blank-leaf-art{display:none;pointer-events:none;user-select:none}
@media screen and (min-width:761px){
 .pagination-on .printed-spread>.reader{position:relative}
 .pagination-on .blank-leaf-art:not([hidden]){position:absolute;inset:0 0 0 auto;width:calc((100% - 80px)/2);display:grid;place-items:center;color:var(--muted);opacity:.55}
 .pagination-on .blank-leaf-art svg{width:min(60%,240px);height:auto;max-height:45%}
 .pagination-on.night .blank-leaf-art{opacity:.65}
}

/* One illustrated leaf, followed immediately by the first leaf of verse. */
@media screen{
 .illustrated-mode.pagination-on .printed-spread.opening-page>.book-companion{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;width:calc((100% - 80px)/2);height:100%;grid-column:1;grid-row:2;overflow:auto;overscroll-behavior:contain;z-index:1;padding:0 4px 0 0}
 .illustrated-mode.pagination-on .opening-page .poem-art{display:block;flex:none;height:auto;width:100%;margin:0}
 .illustrated-mode.pagination-on .opening-page .poem-art img{display:block;width:100%;height:auto;max-height:33dvh;object-fit:contain}
 .illustrated-mode.pagination-on .opening-page .poem-art figcaption{display:none}
 .illustrated-mode.pagination-on .opening-page .illustration-reading{display:block;flex:none;height:auto;max-height:none;overflow:visible;align-self:center;padding:0;width:min(40ch,calc(100% - 56px));margin-inline:auto;font:17px/1.7 var(--serif)}
 .illustrated-mode.pagination-on .opening-page .illustration-reading .eyebrow{display:none}
 .illustrated-mode.pagination-on .opening-page .illustration-reading h2{font-size:clamp(24px,2.4vw,32px);margin:0 0 12px;line-height:1.15}
 .illustrated-mode.pagination-on .opening-page .image-narrative{font-size:17px;line-height:1.6;max-width:none;margin:0}
 .pagination-on .blank-leaf-art.after-text:not([hidden]){display:grid;place-items:center;position:absolute;inset:auto;top:var(--vignette-top);left:var(--vignette-left);width:var(--vignette-width);height:var(--vignette-height);color:var(--muted);opacity:.5}
 .pagination-on .blank-leaf-art.after-text svg{width:min(40%,150px);height:auto;max-height:80%}
}
@media screen and (max-width:760px){
 .illustrated-mode.pagination-on .printed-spread.opening-page>.book-companion{width:100%;padding:0;gap:14px}
 .illustrated-mode.pagination-on .opening-page .poem-art img{max-height:29dvh}
 .illustrated-mode.pagination-on .opening-page .illustration-reading{width:calc(100% - 32px);font-size:16px}
 .illustrated-mode.pagination-on .opening-page .image-narrative{font-size:16px;line-height:1.7}
 .pagination-on .printed-spread>.reader{position:relative}
}
