/* Additive product layer; existing reader chrome and publication CSS stay intact. */
.continue-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid var(--line,#344650);background:var(--panel,#1b2d35);border-radius:20px;padding:1.5rem;margin-block:1rem 2rem}
.continue-card h2{margin:.5rem 0}.continue-card p{margin:0;color:var(--muted,#a7b6c2)}
.continue-card small{letter-spacing:.15em;color:var(--mint,#9fdfc4)}
.card-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem}.card-actions button{font-size:.8rem;flex:1}
#books[data-view=list],#books[data-view=compact]{grid-template-columns:1fr}
#books[data-view=list] .book-card,#books[data-view=compact] .book-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
#books[data-view=list] .book-open,#books[data-view=compact] .book-open{display:flex;align-items:center;text-align:start;gap:1rem}
#books[data-view=list] .cover{width:90px;min-width:90px;aspect-ratio:2/3}
#books[data-view=compact] .cover{display:none}
#books[data-view=list] .book-card>progress,#books[data-view=compact] .book-card>progress{grid-column:1/-1;grid-row:2}
#books[data-view=list] .remove,#books[data-view=compact] .remove{grid-column:2}
#import-report{border:1px solid #344650;border-radius:12px;padding:1rem;margin-block:1rem}
#import-results{white-space:pre-wrap;overflow-wrap:anywhere;max-height:18rem;overflow:auto}
dialog{color:#e9f0f3;background:#15232c;border:1px solid #536976;border-radius:20px;max-width:min(720px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:1.5rem}
dialog::backdrop{background:#0009}dialog label{display:block;margin-block:.7rem;line-height:1.5}dialog .actions{position:sticky;bottom:-1.5rem;padding:1rem 0;background:#15232c;flex-wrap:wrap}
.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.detail-fields input,.detail-fields textarea{display:block;width:100%;box-sizing:border-box;padding:.7rem;margin-top:.3rem;min-width:0}.detail-fields label:has(textarea){grid-column:1/-1}
#detail-summary{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}
button,input,select{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b5eddb;outline-offset:3px}
@media(max-width:650px){.continue-card{align-items:stretch;flex-direction:column}.detail-fields{grid-template-columns:1fr}.filters{flex-wrap:wrap}#books[data-view=list] .book-card,#books[data-view=compact] .book-card{display:block}.card-actions button{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}