.magazine-reader{display:grid;grid-template-columns:210px minmax(0,1fr);height:82vh;min-height:520px;background:#fff;color:#222;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;overflow:hidden;margin-top:28px}.magazine-reader:fullscreen{height:100vh;width:100%;padding:20px;background:#fff}.magazine-reader-thumbnails{overflow:auto;border-right:1px solid #e8e8e8;padding:20px 16px;scrollbar-color:#751575 #eee;scrollbar-width:thin}.magazine-reader-thumbnail{display:block;width:100%;padding:10px;margin-bottom:18px;background:#fafafa;border:2px solid transparent;text-align:left;color:#555;cursor:pointer}.magazine-reader-thumbnail[aria-current=true]{border-color:#751575;background:#fff;box-shadow:0 2px 12px #75157515}.magazine-reader-thumbnail span{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.magazine-reader-thumbnail canvas{display:block;width:100%;height:auto}.magazine-reader-main{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff}.magazine-reader-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;align-self:center;margin:22px 12px;padding:10px;background:#fff;box-shadow:0 2px 18px #0000000a;z-index:1}.magazine-reader-toolbar button{border:0;background:#f5f5f6;color:#222;padding:10px 15px;cursor:pointer;font:inherit;font-size:14px}.magazine-reader-toolbar button:hover{background:#eee}.magazine-reader-toolbar button:disabled{opacity:.45;cursor:default}.magazine-reader-toolbar output{background:#751575;color:#fff;min-width:76px;text-align:center;padding:10px;font-size:14px}.magazine-reader button:focus-visible{outline:3px solid #751575;outline-offset:3px}.magazine-reader-pages{overflow:auto;flex:1;padding:0 24px 30px;scrollbar-color:#751575 #eee;scrollbar-width:thin;overscroll-behavior:contain}.magazine-reader-page{display:block;margin:0 auto 24px;background:#fff;box-shadow:0 1px 9px #00000012;max-width:none}.magazine-reader-status{text-align:center;padding:8px 16px;font-size:14px;color:#666}.magazine-reader-status[hidden]{display:none}@media(max-width:700px){.magazine-reader{grid-template-columns:90px minmax(0,1fr);min-height:440px;height:72vh}.magazine-reader-thumbnails{padding:12px 6px}.magazine-reader-thumbnail{padding:5px;margin-bottom:10px}.magazine-reader-toolbar{gap:5px;padding:5px;margin:12px 5px}.magazine-reader-toolbar button{padding:8px;font-size:13px}.magazine-reader-toolbar button span{display:none}.magazine-reader-toolbar output{min-width:54px;padding:8px}.magazine-reader-pages{padding:0 10px 20px}}

.magazine-purchase-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px;margin-top:20px;background:#fff;border:1px solid #e8e8e8;border-left:4px solid #751575}.magazine-purchase-panel strong{font-size:20px}.magazine-purchase-panel p{margin:8px 0 0;color:#666;font-size:14px}.magazine-purchase-panel form{margin:0}