.archive-details { width: min(100%, 48rem); }
.archive-details__summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: 0; }
.archive-details__summary div { min-width: 0; padding: .65rem; background: var(--archive-surface-muted); border: 1px solid var(--archive-border); border-radius: .65rem; }
.archive-details__summary dt { color: var(--archive-text-muted); font-size: .72rem; font-weight: 800; }
.archive-details__summary dd { margin: .28rem 0 0; overflow-wrap: anywhere; color: var(--archive-text); font-size: .83rem; font-weight: 700; }
.archive-details__books { display: grid; gap: .65rem; }
.archive-details__books h3 { color: var(--archive-text); font-size: .95rem; }
.archive-book-list { display: grid; gap: .65rem; }
.archive-book { padding: .75rem; background: var(--archive-surface-muted); border: 1px solid var(--archive-border); border-radius: .75rem; }
.archive-book > header { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem .75rem; }
.archive-book > header strong { color: var(--archive-text); font-size: .88rem; }
.archive-book > header span { color: var(--archive-text-muted); font-size: .75rem; }
.archive-book > p { margin: .45rem 0; color: var(--archive-text-muted); font-size: .8rem; }
.archive-book__metadata { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; margin: .6rem 0 0; }
.archive-book__metadata div { min-width: 0; padding: .42rem .5rem; background: var(--archive-surface); border: 1px solid var(--archive-border); border-radius: .5rem; }
.archive-book__metadata dt { color: var(--archive-text-muted); font-size: .65rem; font-weight: 700; }
.archive-book__metadata dd { margin: .12rem 0 0; overflow: hidden; color: var(--archive-text); font-size: .74rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.archive-book__details { padding: .5rem .6rem; background: var(--archive-surface); border-radius: .5rem; line-height: 1.65; }
.archive-book__empty { color: var(--archive-text-muted); }
.archive-file-list { display: grid; gap: .35rem; margin: .55rem 0 0; padding: 0; list-style: none; }
.archive-file-list li { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto auto; gap: .65rem; align-items: center; padding: .5rem .6rem; color: var(--archive-text-muted); background: var(--archive-surface); border: 1px solid var(--archive-border); border-radius: .5rem; font-size: .75rem; }
.archive-file-list__name { min-width: 0; overflow-wrap: anywhere; color: var(--archive-text); font-weight: 700; }

@media (max-width: 37.5rem) {
    .archive-details__summary { grid-template-columns: 1fr; }
    .archive-file-list li { grid-template-columns: 1fr; gap: .18rem; }
    .archive-book > header { align-items: flex-start; flex-direction: column; gap: .18rem; }
    .archive-book__metadata { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}