.notes-preview { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; max-width:960px; margin:20px auto 0; padding:0 30px; font:14px/1.5 Arial,sans-serif; }
.book-note { grid-column:1; grid-row:1; min-width:0; }
.book-note summary { cursor:pointer; list-style:none; color:var(--link); }
.book-note summary::-webkit-details-marker { display:none; }
.book-note summary cite { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.book-note summary svg { display:inline-block; vertical-align:baseline; width:15px; height:15px; margin-left:7px; color:#bd3527; transition:transform 180ms ease; }
.book-note summary:hover cite { text-decoration-thickness:2px; }
.book-note summary:hover svg,.book-note[open] summary svg { transform:rotate(45deg); }
.book-note summary:focus-visible { outline:2px solid var(--link); outline-offset:3px; }
.book-note-card { margin:12px 4px 8px 0; padding:16px; background:#fffdf6; border:1px solid var(--ink); box-shadow:3px 3px 0 var(--ink); }
.book-note-card p { margin:0; font-size:1rem; line-height:1.5; }
.book-source { display:inline-block; margin-top:12px; font:13px/1.5 Arial,sans-serif; }
.bookshelf-list li:has(.book-note) { align-items:start; }
@media(max-width:520px) { .notes-preview { padding:0 22px; } .book-note summary { min-height:26px; } }
@media(prefers-reduced-motion:reduce) { .book-note summary svg { transition:none; } }
@media print { .notes-preview { display:none; } .book-note-card { box-shadow:none; } }