.reading-materials{scroll-margin-top:120px;margin:45px 0}.material-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.material-card>div{min-width:0}.material-card h3{font-size:18px;margin:10px 0}.material-card p{font-size:12px;overflow-wrap:anywhere}.material-card .button{flex-shrink:0}.material-check{display:flex!important;gap:10px!important;align-items:center;margin:12px 0}.material-check input{width:18px!important;min-height:18px!important;flex-shrink:0}#material-form fieldset,#preview-form fieldset{min-width:0;margin:26px 0}#preview-pages-list{display:grid;gap:18px}.preview-page-row{display:grid;grid-template-columns:85px minmax(0,1fr);gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.preview-page-row img{width:85px;height:120px;object-fit:contain;background:#f1f3ef}.preview-order-actions{display:flex;flex-wrap:wrap;gap:8px}.preview-order-actions button{padding:9px;font-size:12px}#preview-form input[type=file],#material-form input[type=file]{max-width:100%;width:100%;font-size:12px}#preview-form .actions,#material-form .actions{flex-wrap:wrap}.book-reader{width:min(1280px,calc(100vw - 36px));height:92dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:18px;overflow:hidden;background:#f0f2ed;box-shadow:0 20px 80px #0004}.book-reader[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.book-reader::backdrop{background:#15231dd9}.reader-header{display:flex;gap:22px;justify-content:space-between;align-items:center;padding:20px 26px;background:white}.reader-header>div{min-width:0}.reader-header h2{font-size:22px;margin:7px 0 0;overflow-wrap:anywhere}.reader-header button{flex-shrink:0}.reader-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 24px;border-top:1px solid #e0e6da;border-bottom:1px solid #dce3d6;background:white}.reader-tools button,.reader-tools select{min-height:42px;padding:9px 13px;font-size:13px}.reader-select-label{display:flex;align-items:center;gap:8px;font-size:12px}.reader-zoom{display:flex;align-items:center;gap:8px;margin-left:auto}.reader-area{overflow:auto;padding:28px;min-height:0;overscroll-behavior:contain;perspective:1000px;scroll-behavior:auto}.reading-spread{display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% * var(--reading-zoom,1));margin:auto;align-items:start;gap:3px;transform-origin:center}.reading-spread.two-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-spread figure{margin:0;min-width:0}.reading-spread img{display:block;width:100%;height:auto;box-shadow:0 8px 22px #10201616}.reading-spread figcaption{text-align:center;font-size:12px;padding:8px;min-height:16px}.reader-counter{margin:0;padding:12px 22px;text-align:center;font-size:12px;background:white}.book-reader button:disabled{opacity:.4;cursor:default}.reader-mobile-preview{width:min(390px,calc(100vw - 24px))}.reader-mobile-preview .reader-header{padding:16px}.reader-mobile-preview .reader-header h2{font-size:17px}.reader-mobile-preview .reader-tools{padding:12px;gap:8px}.reader-mobile-preview .reader-zoom{margin-left:0}.reader-mobile-preview .reader-area{padding:12px}@media(max-width:760px){.material-card{display:block}.material-card .button{margin-top:15px}.book-reader{width:100vw;height:100dvh;border-radius:0}.reader-header{padding:16px}.reader-header h2{font-size:17px}.reader-tools{padding:12px;gap:8px}.reader-zoom{margin-left:0}.reader-area{padding:12px}.preview-page-row{grid-template-columns:65px minmax(0,1fr);gap:12px}.preview-page-row img{width:65px;height:100px}}
.related-news-books{grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0}.related-news-books .book-visual{height:250px}@media(max-width:760px){.related-news-books{grid-template-columns:repeat(2,minmax(0,1fr))}.related-news-books .book-visual{height:210px}}
@media(max-width:760px){#reader-layout{display:none}}.reader-mobile-preview #reader-layout{display:none}