button.book-link{font:inherit;font-size:12px;background:none;border:0;padding:4px 0;color:var(--accent);cursor:pointer;text-align:left}
button.book-link:hover{text-decoration:underline;text-underline-offset:3px}
button.book-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#book-info{box-sizing:border-box;width:min(650px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:28px;background:var(--bg,#191b25);color:var(--ink,#eee);border:1px solid var(--line,#47434d);border-radius:14px;overflow-y:auto}
#book-info::backdrop{background:#090a12c9;backdrop-filter:blur(5px)}
#book-info .book-info-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
#book-info .book-info-heading button{flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;font-size:18px}
#book-info h2{font:400 clamp(25px,4vw,34px)/1.2 Georgia,serif;margin:0}
#book-info p,#book-info dd{font-size:14px;line-height:1.75}
#book-info .eyebrow{font-size:10px;margin:0 0 8px}
.book-info-concepts{margin:24px 0}
.book-info-concepts>div{border-top:1px solid var(--line);padding:16px 0}
.book-info-concepts dt{color:var(--accent);font:400 21px Georgia,serif}
.book-info-concepts dt span{display:block;color:var(--muted);font:400 12px/1.5 system-ui,sans-serif;margin-top:4px}
.book-info-concepts dd{margin:10px 0 0}
#book-info .book-info-note{border-left:2px solid var(--accent);padding-left:16px;color:var(--muted)}
#book-info .book-info-source{font-size:11px;color:var(--muted);margin-bottom:0}
@media(max-width:620px){#book-info{padding:20px}.topbar button.book-link{max-width:55%;font-size:11px}}