.library-account{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line,#d9ddd2);margin-bottom:24px}.library-account p{flex:1;margin:0}.reader-page{max-width:1200px}.reader-heading{margin-top:24px}.reader-heading h1{font-size:clamp(2rem,5vw,3.5rem)}.reader-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:24px}.reader-sidebar{max-height:72vh;overflow:auto}.reader-sidebar h2{font-size:1.2rem}.reader-sidebar ol,.reader-sidebar ul{list-style:none;padding:0}.reader-sidebar button{border:0;background:transparent;font:inherit;text-align:left;padding:8px;border-radius:6px;color:inherit;cursor:pointer;width:100%;overflow-wrap:anywhere}.reader-sidebar button[aria-current=page]{background:#dce8dc;font-weight:700}.reader-sidebar li{margin:4px 0}.reader-content{min-width:0;border:1px solid #d9ddd2;border-radius:12px;overflow:hidden;background:#fffcf5}.reader-content iframe{display:block;width:100%;height:70vh;min-height:460px;border:0}.reader-content iframe[hidden]{display:none}.reader-content canvas{display:block;max-width:100%;margin:auto}.reader-content canvas[hidden]{display:none}.reader-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.reader-controls[hidden]{display:none}.reader-controls button,.reader-format select{font:inherit;border:1px solid #bdcaba;border-radius:8px;background:#f8f9f1;color:#17342d;padding:8px 12px;cursor:pointer}.reader-controls button:disabled{opacity:.45;cursor:default}.reader-position{padding:8px;min-width:4em;text-align:center}.reader-dark{background:#142821;color:#e8ebdf}.reader-dark .reader-content{background:#142821;border-color:#526d60}.reader-dark .reader-sidebar button[aria-current=page]{background:#304b3f}.reader-format{display:flex;align-items:center;gap:12px}.reader-note{margin-top:16px}button:focus-visible,select:focus-visible{outline:3px solid #759e76;outline-offset:3px}@media(max-width:750px){.reader-grid{grid-template-columns:minmax(0,1fr);gap:16px}.reader-sidebar{max-height:220px}.reader-content iframe{height:65vh;min-height:400px}.reader-controls{gap:6px}.reader-controls button{padding:8px}.library-account{align-items:flex-start}.library-account p{flex-basis:100%}}

.reader-sidebar h2{letter-spacing:0;font-family:inherit;font-weight:600}.reader-content{margin-top:0}.library-account{margin-top:24px}