.books-main{min-height:60vh;padding-block:2.5rem 5rem}.books-main>.homepage-logo{margin:0 auto 3.5rem}.book-card{color:inherit;text-decoration:none}.book-card h2{font:400 1.4rem/1.25 var(--serif);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 1rem}.book-card>p{-webkit-line-clamp:3;overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-cover{aspect-ratio:3/4;object-fit:contain;background:var(--tint);border:1px solid var(--line);width:100%;height:auto;margin-bottom:1.3rem;display:block}.book-cover-placeholder{color:var(--blue);font:400 1.2rem/1.4 var(--serif);overflow-wrap:anywhere;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;display:flex}.book-cover-placeholder small{font:.75rem/1.4 var(--sans)}.book-back{color:var(--blue);margin-bottom:2rem;display:inline-block}.book-detail{grid-template-columns:minmax(160px,260px) minmax(0,1fr);align-items:start;gap:3rem;margin-bottom:2rem;display:grid}.book-detail h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,3.2vw,2.6rem)}.book-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.book-reader-actions{flex-wrap:wrap;gap:1rem;display:flex}.book-reader-note{font:.875rem/1.6 var(--sans);color:var(--text-muted);margin:1rem 0}.book-document{border:1px solid var(--line);background:var(--tint);width:100%;height:80dvh;min-height:420px;display:block}.book-admin-cover{object-fit:contain;width:160px;height:210px}.book-admin .book-reader{margin-block:1.5rem}@media (max-width:760px){.book-detail{grid-template-columns:1fr;gap:1rem}.book-detail>.book-cover,.book-detail>div:first-child{max-width:200px}.book-card h2{font-size:1.3rem}}.protected-book-reader{max-width:1000px;margin-inline:auto}.book-page-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.book-page-frame+.book-page-controls{margin-top:1.25rem}.book-page-controls form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.book-page-controls input{border:1px solid var(--line);background:var(--paper);width:5rem;color:var(--ink);padding:.6rem}.book-page-viewport{border:1px solid var(--line);background:var(--tint);width:100%;overflow:auto}.book-page-spread{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:2px;display:grid}.book-page-image{width:100%;height:auto;margin:0;display:block}.book-page-zoom .book-page-spread{width:2400px}@media print{.protected-book-reader{display:none!important}}.book-page-frame{min-height:88px;margin-inline:-56px;padding-inline:56px;position:relative}.book-side-arrow{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--blue);cursor:pointer;border-radius:50%;place-items:center;font-size:1.6rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.book-side-previous{left:0}.book-side-next{right:0}.book-side-arrow:hover:not(:disabled){background:var(--tint)}.book-side-arrow:disabled{opacity:.35;cursor:default}.book-side-arrow:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (max-width:1150px){.book-page-frame{margin-inline:0;padding-inline:48px}}.book-page-toggle{cursor:zoom-in;background:0 0;border:0;width:100%;min-width:0;padding:0;display:block}.book-page-toggle[hidden]{display:none}.book-page-toggle[aria-pressed=true]{cursor:zoom-out}.book-page-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.book-page-single-zoom .book-page-spread{grid-template-columns:minmax(0,1fr);width:800px;margin-inline:auto}.book-comments{max-width:1000px;margin:3rem auto 0}.book-comments>.poem-comments{margin:0}.book-page-controls{scroll-margin-top:.5rem}.book-page-controls button{justify-content:center;align-items:center;gap:.5rem;min-width:44px;min-height:44px;display:inline-flex}.book-page-controls input{min-height:44px;font:inherit;text-align:center;border-radius:4px}.book-page-controls input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.book-page-viewport:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.book-page-total{white-space:nowrap;font-variant-numeric:tabular-nums}.book-position-note{min-height:1.6em}.book-reader[data-layout=single] .book-controls-top{z-index:10;background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:nowrap;gap:4px;padding:.4rem 0;display:flex;position:sticky;top:0}.book-reader[data-layout=single] .book-page-controls button{flex-shrink:0;padding:.5rem}.book-reader[data-layout=single] .book-control-text{display:none}.book-reader[data-layout=single] .book-page-controls form{flex-wrap:nowrap;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.book-reader[data-layout=single] .book-page-controls input{-webkit-appearance:textfield;appearance:textfield;width:3rem;padding:.45rem .1rem}.book-reader[data-layout=single] .book-page-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.book-reader[data-layout=single] .book-page-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.book-reader[data-layout=single] .book-page-total{font-size:.75rem}.book-reader[data-layout=single] .book-controls-bottom,.book-reader[data-layout=single] .book-side-arrow{display:none}.book-reader[data-layout=single] .book-visible-pages{margin:.4rem 0;font-size:.8125rem}.book-reader[data-layout=single] .book-page-frame{margin-inline:0;padding-inline:0;scroll-margin-top:calc(100px - 2rem)}.book-reader[data-layout=single] .book-page-spread{grid-template-columns:minmax(0,1fr);width:100%}.book-reader[data-layout=single] .book-page-viewport{overscroll-behavior-x:contain;max-height:calc(100svh - 112px)}.book-reader[data-layout=single] .book-page-image{object-fit:contain;max-height:calc(100svh - 114px)}.book-reader[data-layout=single] :is(.book-page-zoom,.book-page-single-zoom) .book-page-spread{width:max(100%,800px)}.book-reader[data-layout=single] :is(.book-page-zoom,.book-page-single-zoom) .book-page-image{max-height:none}.book-reader-modes,.book-text-tools{flex-wrap:wrap;align-items:center;gap:.65rem;margin-block:1rem;display:flex}.book-reader-modes button[aria-pressed=true]{background:var(--blue);color:var(--paper)}.book-reader-modes button,.book-text-tools button,.book-text-search button{min-width:44px;min-height:44px}.book-text-view{margin-block:1.5rem}.book-text-search{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.book-text-search label{flex:1;gap:.4rem;min-width:min(100%,14rem);display:grid}.book-text-search input,.book-text-tools input{border:1px solid var(--line);background:var(--paper);max-width:100%;min-height:44px;color:var(--ink);font:inherit;padding:.6rem}.book-text-tools input{width:5rem}.book-text-results ol{max-height:18rem;padding-inline-start:1.5rem;overflow:auto}.book-text-result{text-align:start;width:100%;font:inherit;color:var(--ink);background:var(--tint);border:1px solid var(--line);white-space:normal;overflow-wrap:anywhere;cursor:pointer;padding:.65rem;display:block}.book-text-results li+li{margin-top:.5rem}.book-text-page{border:1px solid var(--line);background:var(--paper);margin-block:1.5rem;padding:clamp(.75rem,3vw,2rem)}.book-readable-text{font-family:var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;max-width:65ch;margin-inline:auto;line-height:1.8}.book-readable-text mark{color:#242016;background:#ffe08a}.book-text-editor{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.book-text-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.book-text-compare>img{border:1px solid var(--line);width:100%;height:auto}.book-text-compare form,.book-text-compare fieldset{min-width:0}.book-text-compare label{gap:.4rem;margin-block:1rem;display:grid}.book-text-compare textarea,.book-text-compare select{width:100%;max-width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:.6rem;line-height:1.6}.book-text-compare .book-text-confirm{align-items:start;gap:.65rem;display:flex}.book-text-confirm input{flex-shrink:0;width:1.25rem;height:1.25rem}#book-text-heading:focus{outline:2px solid var(--blue);outline-offset:3px}:is(.book-reader-modes,.book-text-view,.book-text-editor) :is(button,input,textarea,select):focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (max-width:760px){.book-text-compare{grid-template-columns:minmax(0,1fr)}.book-text-page{padding:.75rem}.book-text-search button{flex:1}}
