* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; min-height: 100%; }
body { font: 14px/1.5 system-ui, sans-serif; color: #213547; background: #eef2f5; }
.book-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background: #fff; border-bottom: 1px solid #dce3e8; }
#book-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#book-download { flex-shrink: 0; }
a { color: #086a70; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #086a70; outline-offset: 3px; }
#book-status { margin: 0; padding: 8px 16px; background: #fff9e6; }
#book { width: 100%; min-height: 300px; }
footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 16px; padding: 8px 16px; font-size: 11px; color: #526575; }
@media (max-width: 540px) {
  .book-header { padding: 10px; font-size: 12px; }
  footer { padding: 6px 10px; }
}