.illustration-detail-tab { appearance: none; border: 0; background: transparent; font: inherit; cursor: pointer; }
.book-illustrations { padding: 20px 12px 6px; }
.book-illustration-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.book-illustration-card { min-width: 0; padding: 0; overflow: hidden; border: 1px solid #e1e5df; border-radius: 6px; background: #fff; color: #262926; text-align: left; cursor: pointer; }
.book-illustration-card img { display: block; width: calc(100% - 24px); height: 156px; margin: 12px 12px 0; object-fit: contain; background: #f0f2ee; }
.book-illustration-card span { display: block; padding: 10px; }
.book-illustration-card strong { font-size: 14px; line-height: 1.35; }
.book-illustration-card:focus-visible, .illustration-dialog button:focus-visible { outline: 3px solid #d5ad52; outline-offset: 2px; }
.illustration-dialog-open { overflow: hidden; }
.illustration-dialog { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 16px; }
.illustration-dialog-backdrop { position: absolute; inset: 0; background: rgb(14 18 15 / 76%); }
.illustration-dialog-panel { position: relative; z-index: 1; display: grid; width: min(760px, 100%); max-height: calc(100vh - 32px); overflow: auto; border-radius: 8px; background: #fff; box-shadow: 0 20px 60px rgb(0 0 0 / 30%); }
.illustration-dialog-top, .illustration-dialog-actions { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; color: #596159; font-size: 13px; }
.illustration-dialog-top button, .illustration-dialog-actions button { border: 1px solid #d3d9d1; border-radius: 4px; background: #fff; padding: 7px 11px; color: #253328; font: inherit; cursor: pointer; }
.illustration-dialog-panel img { display: block; max-width: 100%; max-height: min(68vh, 760px); margin: auto; object-fit: contain; background: #f2f4f0; }
.illustration-dialog-copy { padding: 14px 16px 4px; }
.illustration-dialog-copy h2 { margin: 0 0 5px; font-size: 18px; }
.illustration-dialog-copy p { margin: 0; color: #667067; line-height: 1.55; }
@media (min-width: 760px) { .book-illustration-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }