.ol-search{display:grid;gap:8px;max-width:460px;margin:28px 0 12px;color:#69536d;font-size:.85rem;font-weight:700}
.ol-search input{width:100%;padding:13px;border:1px solid #d8c6dd;border-radius:12px;background:#fff;color:#292132;font:inherit}
#ol-results{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(190px,20vw,230px);align-items:start;gap:18px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x proximity;scrollbar-width:thin}
.ol-subject{min-width:0;scroll-snap-align:start}
.ol-subject h2{margin:0 0 12px;font-size:1.2rem}
.ol-subject-books{display:grid;align-content:start;gap:10px}
.ol-card{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;min-height:375px;padding:12px;text-align:left;text-decoration:none;background:#fff;color:#292132;border:1px solid #e4d8e6;border-radius:17px;box-shadow:0 6px 18px #543b5911;font:inherit;cursor:pointer}
.ol-card:hover,.ol-card:focus-visible{border-color:#8d5a96;box-shadow:0 8px 24px #543b5925}
.ol-card-art{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:10px;background:#e9f0e8}
.ol-card-art img{width:58px;height:58px}
.ol-card-art img.ol-cover{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}
.ol-card-content{display:flex;flex-direction:column;flex:1;gap:5px;min-width:0}
.ol-title-row{display:flex;align-items:flex-start;gap:7px;min-width:0}
.ol-title-row .ol-type-icon{flex:none;width:18px;height:18px;margin-top:1px;object-fit:contain}
.ol-status{color:#685a6b;font-size:.9rem}
.ol-card small{color:#78577e;font-size:.8rem;overflow-wrap:anywhere}
.ol-card strong{font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}
.ol-card-action{margin-top:auto;color:#704778;font-size:.82rem;font-weight:700}
#ol-preview{width:min(950px,calc(100vw - 24px))}
#ol-preview h2{margin:5px 0}
#ol-preview small{color:#75577b}
#ol-close{border:0;background:#f1eaf3;border-radius:8px;padding:8px 12px;cursor:pointer;font:inherit}
#ol-details{color:#685a6b}
.ol-volume{display:grid;gap:6px;max-width:240px;margin:0 0 14px;color:#69536d;font-size:.9rem;font-weight:700}
.ol-volume[hidden]{display:none}
.ol-volume select{padding:10px 12px;border:1px solid #d8c6dd;border-radius:9px;background:#fff;color:#292132;font:inherit}
#ol-viewer{display:block;width:100%;height:min(54vh,650px);border:0;background:#f4edf5}
#ol-viewer[hidden]{display:none}
#ol-media audio,#ol-media video{display:block;width:100%;max-height:60vh;margin:12px 0}
.ol-viewer-note{font-size:.85rem;color:#685a6b;margin:12px 0 8px}
#ol-original{display:inline-block;color:#704778;font-weight:700;margin-bottom:12px}
@media(max-width:650px){#ol-results{grid-auto-columns:min(72vw,220px);gap:12px}.ol-card{min-height:340px;padding:10px}#ol-viewer{height:45vh}}

.ol-card{height:410px;min-height:0;overflow:hidden}.ol-card-art{height:254px;aspect-ratio:auto;flex:none}.ol-card-content{min-height:0;overflow:hidden}.ol-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ol-card-action{flex:none}.ol-subject h2{height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px}
@media(max-width:650px){.ol-card{height:390px;min-height:0}.ol-card-art{height:234px}}