#view-volumes{max-width:1100px;margin-inline:auto}
.volume-toolbar{display:flex;gap:12px;align-items:flex-end;margin-bottom:12px}
.volume-toolbar label{flex:1;min-width:0;margin:0}
#view-volumes select{width:100%;max-width:100%;text-overflow:ellipsis}
.volume-card{min-width:0;margin-bottom:16px}
.volume-card h2{overflow-wrap:anywhere}
.volume-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.volume-metrics small{display:block;color:#617582;font-size:13px}
.volume-metrics strong{display:block;font-size:clamp(22px,3vw,30px);color:#0369a1;margin-top:7px;font-variant-numeric:tabular-nums}
.volume-notes{border-top:1px solid #e2edf4;padding-top:12px;font-size:13px;line-height:1.8}
.volume-notes summary,.volume-card>summary{cursor:pointer}
.volume-caution{font-size:12px;color:#73581d;line-height:1.7;background:#fffbeb;border-radius:10px;padding:10px 12px;margin-bottom:0}
.volume-table{overflow:auto;margin:12px 0;max-height:480px}
.volume-table table{width:100%;border-collapse:collapse}
.volume-table th{position:sticky;top:0;background:#f0f9ff;z-index:1}
.volume-table th,.volume-table td{padding:12px 8px;font-size:14px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.volume-table th:first-child,.volume-table td:first-child{text-align:left}
.volume-pages{display:flex;gap:10px;align-items:center;justify-content:space-between}
.volume-pages span{font-size:13px;color:#617582}
@media(max-width:600px){.volume-metrics{gap:10px}.volume-card .section-head{gap:12px;flex-wrap:wrap}.volume-card{padding:18px!important}.volume-toolbar{gap:8px}.volume-toolbar button{flex:none}.volume-table th,.volume-table td{font-size:13px}.volume-pages button{padding:10px 13px}}