/* Shared roomy reading surface. Keep book content, not a second miniature cover. */
body.children-view dialog.child-reader{width:calc(100vw - 48px);max-width:1240px;max-height:94dvh;border:1px solid #d6ccb8;border-radius:5px;background:#fffaf0;color:#405243;box-shadow:0 26px 90px #1c2a3545}body.children-view .child-reader-top{padding:9px 24px;min-height:52px;background:#fffaf0;border-bottom:1px solid #e2d7c2}body.children-view .child-reader-top button{min-width:38px;min-height:38px}body.children-view dialog.child-reader .child-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:start}body.children-view dialog.child-reader .child-reader-art{position:sticky;top:0;min-width:0;height:auto;max-height:none;background:#f2ead7;padding:18px;margin:0;display:block;border:0;overflow:visible}body.children-view dialog.child-reader .child-reader-art>img{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;object-position:center}body.children-view dialog.child-reader .child-reader-content{min-width:0;padding:23px 28px}body.children-view dialog.child-reader .child-reader-art figcaption{position:static;font-size:11px;line-height:1.6;padding:8px 0 0;background:none}body.children-view .child-reader #child-reader-title{font-size:27px;line-height:1.5}body.children-view .child-reader h2:focus{outline:none}body.children-view .child-story-text p{font-size:18px;line-height:2;max-inline-size:30em}body.children-view .english-reader:not(.graded-reader) .english-story-text p{font-size:22px;line-height:1.9;max-inline-size:30em}
body.children-view #english-child-reader.graded-reader{max-width:1240px;background:#fffaf0}.wide-reader-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px 19px}.wide-reader-heading .child-reader-kicker{font-size:10px;color:#9a896b;letter-spacing:.13em}.wide-reader-heading h2{font:600 31px/1.35 Georgia,serif!important;color:#3c5747;margin:7px 0!important}.wide-reader-heading p{font-size:12px;line-height:1.6;color:#8b876e;margin:5px 0 0}.wide-reader-save{flex-shrink:0;background:transparent;border:1px solid #d4d9c2;border-radius:3px;padding:9px 13px;min-height:38px;font-size:12px;color:#5f795b}.graded-reading-spread{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;align-items:center;margin:0 27px 24px}.graded-reading-art,.graded-reading-copy{min-width:0}.graded-reading-art .graded-story-picture{margin:0}.graded-reading-art .graded-story-picture figure{background:#f2e9d5;border:1px solid #e0d2b6;box-shadow:0 4px 0 #e6dac1;border-radius:3px;overflow:hidden;margin:0}.graded-reading-art .graded-story-picture img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.graded-reading-art .graded-story-picture figcaption{font-size:11px;padding:8px 12px;color:#8b806b;background:#fffaf0}.graded-reading-copy .graded-story-text{min-height:0;padding:0;margin:0 0 23px}.graded-reading-copy .graded-page-label{font:11px/1.5 sans-serif;letter-spacing:.12em;color:#9c9075}.graded-reading-copy .graded-story-text p{font:400 27px/1.85 Georgia,serif;color:#3e5847;margin:16px 0 0;max-inline-size:23em;overflow-wrap:break-word}.graded-reading-copy .graded-page-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:16px 0 0;border-top:1px solid #e2dac7;margin:0}.graded-reading-copy .graded-page-tabs button{min-width:33px;min-height:35px;padding:6px 9px;font-size:12px;border-radius:3px}.graded-reading-copy .graded-page-actions{margin:16px 0 0;padding-top:0;border-top:0;gap:9px}.graded-reading-copy .graded-page-actions button{font-size:12px;padding:9px 12px;min-height:39px;border-radius:3px}.wide-reader-support{border-top:1px solid #e3dac6;padding:16px 28px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px}.wide-reader-support>details{min-width:0;margin:0;padding:9px 0;border:0;border-bottom:1px solid #ebe2ce;font-size:13px;color:#718063;line-height:1.8}.wide-reader-support>details>summary{cursor:pointer;min-height:30px;line-height:30px}.wide-reader-support>details p{max-inline-size:44em}.wide-reader-support .wide-reader-note{grid-column:1/-1}.wide-reader-support .wide-reader-note>summary{font-weight:500}.wide-reader-support .child-source{grid-column:1/-1}.wide-reader-support .graded-sibling-books{grid-column:1/-1}.graded-no-art{min-height:240px;background:#e9eddf;display:flex;flex-direction:column;justify-content:center;padding:30px}.graded-no-art span{font-size:12px;color:#8b926e}.graded-no-art strong{font:600 32px/1.5 Georgia,serif;color:#597457}.graded-picture-fallback{font-size:13px;padding:30px;background:#f4efde}
body.children-view dialog.kr-reader{width:calc(100vw - 48px);max-width:1240px;max-height:94dvh;border-radius:5px}body.children-view .kr-reader-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}body.children-view .kr-reader-layout>aside{min-width:0;padding:22px;background:#f2ead9}body.children-view .kr-reader-cover{width:100%;max-width:none;max-height:none}body.children-view .kr-reader-cover img{height:auto;max-height:63dvh;object-fit:contain;width:100%}body.children-view .kr-reader-main{min-width:0;padding:23px 28px}body.children-view .family-dialog:has(.family-reader-layout){width:calc(100vw - 48px);max-width:1240px;max-height:94dvh;border-radius:5px}body.children-view .family-reader-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}body.children-view .family-reader-layout>figure{margin:0}body.children-view .family-reader-layout>figure img{width:100%;height:auto;max-height:68dvh;object-fit:contain}
@media(max-width:850px){body.children-view dialog.child-reader,body.children-view dialog.kr-reader,body.children-view .family-dialog:has(.family-reader-layout){width:calc(100vw - 16px);max-height:96dvh}.wide-reader-heading{padding:17px 19px 15px}.wide-reader-heading h2{font-size:27px!important}.graded-reading-spread{gap:20px;margin:0 18px 19px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.graded-reading-copy .graded-story-text p{font-size:23px}.wide-reader-support{padding:12px 19px 18px}.graded-reading-copy .graded-page-tabs{gap:5px}.graded-reading-copy .graded-page-actions{flex-wrap:wrap}body.children-view dialog.child-reader .child-reader-content{padding:20px}body.children-view .kr-reader-main{padding:20px}}
@media(max-width:600px){body.children-view dialog.child-reader .child-reader-layout,body.children-view .kr-reader-layout,body.children-view .family-reader-layout{grid-template-columns:minmax(0,1fr);display:grid}.graded-reading-spread{grid-template-columns:minmax(0,1fr);gap:22px;margin:0 13px 19px}.wide-reader-heading{padding:14px 16px}.wide-reader-heading h2{font-size:26px!important}.wide-reader-heading p{font-size:11px}.wide-reader-save{font-size:11px;padding:7px 9px}.graded-reading-copy{padding:0 4px}.graded-reading-copy .graded-story-text p{font-size:25px;line-height:1.8}.graded-reading-copy .graded-story-text{margin-bottom:18px}.graded-reading-copy .graded-page-tabs{padding-top:13px}.wide-reader-support{grid-template-columns:minmax(0,1fr);padding:12px 17px}.wide-reader-support>details{grid-column:1}.graded-reading-art .graded-story-picture img{height:auto;max-height:none;object-fit:contain}.graded-reading-art .graded-story-picture figcaption{font-size:10px}body.children-view dialog.child-reader .child-reader-art{position:relative;top:auto;padding:12px}body.children-view dialog.child-reader .child-reader-art>img{max-height:none;height:auto;object-fit:contain}body.children-view dialog.child-reader .child-reader-content{padding:18px}body.children-view .child-reader-top{padding:7px 13px}body.children-view .kr-reader-layout>aside{padding:14px}body.children-view .kr-reader-cover img{max-height:none}body.children-view .family-reader-layout{gap:19px}}