.bookshelf-panel{min-width:0;max-width:100%;text-align:start;color:#26364a;line-height:1.55;overflow-wrap:anywhere}.bookshelf-panel *{box-sizing:border-box;min-width:0}.book-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 18px}.book-controls label{display:grid;gap:6px;font-size:.8rem;font-weight:750;color:#58697f}.book-controls select{width:100%;max-width:100%;padding:9px 10px;border:1px solid #d5dfeb;border-radius:10px;background:#fff;color:#26364a;font:inherit}.book-daily{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.78rem;color:#59736d;margin:0 0 9px}.book-daily strong{font-weight:800}.book-pick{position:relative;border:1px solid #dde8dd;border-inline-start:6px solid var(--book-accent);background:linear-gradient(125deg,#f1f8f3,#fff9ea);padding:22px;border-radius:16px}.book-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.book-tags span{padding:4px 8px;border-radius:12px;background:#ffffffc9;font-size:.73rem;font-weight:750;color:var(--book-accent)}.book-pick h3{font-size:clamp(1.3rem,3.5vw,1.8rem);line-height:1.25;margin:0 0 7px}.book-author{font-size:.94rem;font-weight:650;color:#5d6d7c;margin:0 0 13px}.book-summary{font-size:.96rem;line-height:1.6;margin:0 0 17px}.book-pick h4{font-size:.88rem;margin:0 0 8px}.book-benefits ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 18px;padding:0}.book-benefits li{font-size:.8rem;background:#fff;border:1px solid #d7e4d9;border-radius:9px;padding:6px 9px}.book-try{padding:13px 14px;background:#ffffffb8;border:1px dashed #c7d7c8;border-radius:11px}.book-try p{font-size:.86rem;margin:0}.book-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px;align-items:stretch}.book-actions .primary,.book-actions .secondary{font-size:.82rem;text-align:center;line-height:1.35;padding:10px 12px;text-decoration:none;overflow-wrap:anywhere}.book-actions button:disabled{opacity:.7;cursor:default;background:#e5eee7}.book-edition,.book-local,.book-daily-note{font-size:.73rem;color:#657786;line-height:1.5;margin:12px 0 0}.book-reading-list{border:1px solid #dbe4ee;border-radius:12px;margin-top:16px;background:#f8fafc}.book-reading-list summary{padding:12px 14px;font-weight:750;font-size:.88rem;cursor:pointer}.book-reading-list ul{padding:0 14px 12px;margin:0;list-style:none}.book-reading-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e3eaf2;padding:10px 0;font-size:.82rem}.book-reading-list li strong,.book-reading-list li small{display:block}.book-reading-list li small{margin-top:3px;color:#657786}.book-reading-list button{border:1px solid #cbd7e5;background:#fff;border-radius:8px;padding:7px 9px;font:inherit;font-size:.75rem;color:#7c4a4a;cursor:pointer}.book-preview-note{font-size:.73rem;color:#6b7b8b;margin-top:17px;line-height:1.55}.book-preview-note p{margin:7px 0}.book-controls select:focus-visible,.book-reading-list summary:focus-visible{outline:3px solid #3977d5;outline-offset:3px}@media(max-width:500px){.book-controls{grid-template-columns:1fr;gap:10px}.book-pick{padding:16px}.book-actions{display:grid;grid-template-columns:1fr}.book-reading-list li{align-items:flex-start}.book-reading-list button{flex-shrink:0}}
.book-storage-note{font-size:.73rem;color:#657786;margin:0;padding:0 14px 12px}
.book-intro{display:grid;grid-template-columns:minmax(125px,165px) minmax(0,1fr);gap:20px;align-items:start;margin-bottom:18px}.book-intro-copy .book-summary{margin-bottom:0}.book-cover-frame{margin:0;padding:15px 12px 18px;border:1px solid #d9dfc9;border-radius:15px;background:radial-gradient(ellipse at 50% 25%,#fff9e7 10%,#e8eedb 75%);background:linear-gradient(145deg,color-mix(in srgb,var(--book-accent) 13%,#fff9e7),#f6ecd5);box-shadow:inset 0 0 20px #fff8,0 5px 13px #274e3810;isolation:isolate}.book-cover-frame a{display:block}.book-cover-frame img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;border-radius:3px;box-shadow:0 7px 12px #273b3733;mix-blend-mode:multiply}.book-cover-frame[hidden]{display:none}.book-without-cover{grid-template-columns:1fr}@media(max-width:500px){.book-intro{grid-template-columns:1fr;gap:15px}.book-cover-frame{width:155px;justify-self:center;padding:12px 10px 15px}.book-cover-frame img{max-height:210px}}