/* Filed materials open as a reading workspace, in original page order. */
.materials-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:5px 0 18px}
.materials-intro h2{font-size:16px;color:#2f4058}
.materials-intro p{font-size:12px;color:#7a8799;margin-top:5px}
.materials-intro>span{font-size:11px;color:#7a8799;white-space:nowrap}
.document-title-button{border:0;background:none;padding:0;color:inherit;text-align:left;font-size:inherit;font-weight:inherit;overflow-wrap:anywhere}
.document-title-button:hover{color:#126bd0}
#detail-view .document-card{padding:22px 24px;align-items:center}
#detail-view .document-actions{gap:12px;max-width:380px}
#detail-view .document-read-button{font-size:12px;min-height:38px;padding:8px 14px;box-shadow:none}
#review-dialog.reader-mode{width:1400px;max-width:calc(100vw - 40px);height:94dvh;max-height:94dvh;padding:0;overflow:hidden;border-radius:20px;background:#f5f7fa}
#review-dialog.reader-mode[open]{display:flex;flex-direction:column}
.reader-mode>.modal-heading{flex:none;margin:0;padding:20px 24px 17px;background:#fff;border-bottom:1px solid #e3e8ef;gap:16px}
.reader-mode>.modal-heading>div{min-width:0}
.reader-mode .modal-heading .eyebrow{display:none}
.reader-mode #review-heading{font-size:19px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#reader-context{font-size:12px;color:#78869a;line-height:1.7;margin-top:4px;overflow-wrap:anywhere}
.reader-mode>.review-layout{display:flex;flex:1;min-height:0;padding:0 24px;gap:0}
.reader-mode .preview-section{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
.reader-mode .preview-toolbar{flex:none;margin:0;padding:13px 0 8px;gap:16px}
.reader-mode .preview-toolbar>span{color:#7b889b;font-size:11px;min-width:0}
.reader-mode #preview-download{font-size:12px;white-space:nowrap;padding:5px 0}
.reader-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 12px;flex:none}
.reader-navigation{display:flex;align-items:center;gap:8px;min-width:0}
.reader-tools label{display:flex;align-items:center;gap:8px;color:#78869a;font-size:11px;white-space:nowrap}
.reader-tools select{width:auto;min-width:0;margin:0;padding:7px 25px 7px 10px;font-size:12px;border:1px solid #dce3ec;background:#fff;border-radius:8px;max-width:180px}
.reader-tool{border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#526b8b;padding:7px 11px;font-size:12px;white-space:nowrap}
.reader-tool:disabled{opacity:.45;cursor:default}
.reader-tool:hover:not(:disabled){background:#eaf2fc;border-color:#c2d8f4}
.reader-mode #preview-status{flex:none;min-height:0;font-size:12px;text-align:center;color:#6b7e98}
.reader-mode #preview-status:not(:empty){padding:7px 0}
.reader-mode .preview-canvas{flex:1;min-height:0;height:auto;padding:22px;border:1px solid #dce3ed;border-radius:12px;background:#e7ecf2;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}
.reader-mode .preview-canvas img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;box-shadow:0 4px 24px #20334b24;object-fit:contain;background:#fff}
.reader-mode .preview-canvas.reader-width{display:block}
.reader-mode .preview-canvas.reader-width img{width:100%;max-width:none;height:auto;max-height:none;object-fit:initial;margin:0 auto}
.reader-mode .page-controls{flex:none;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;margin:0;padding:13px 0 16px}
.reader-mode #page-prev{justify-self:start}.reader-mode #page-next{justify-self:end}
.reader-mode .page-controls .button{min-height:37px;padding:8px 14px;font-size:12px}
.reader-mode #page-indicator{text-align:center;font-size:12px;color:#526781;font-variant-numeric:tabular-nums;align-self:center}
@media(max-width:900px){
  #detail-view .document-card{flex-wrap:wrap}
  #detail-view .document-actions{width:100%;max-width:none;justify-content:flex-start;border-top:1px solid #edf0f5;padding-top:14px}
}
@media(max-width:720px){
  .materials-intro{align-items:flex-start;gap:10px}.materials-intro p{font-size:11px;line-height:1.8}
  #detail-view .document-card{padding:18px}
  #review-dialog.reader-mode{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .reader-mode>.modal-heading{padding:15px 16px 12px}
  .reader-mode #review-heading{font-size:17px}
  #reader-context{font-size:11px}
  .reader-mode>.review-layout{padding:0 12px}
  .reader-mode .preview-toolbar{padding-top:9px}
  .reader-tools{flex-wrap:wrap;gap:8px;padding-bottom:10px}
  .reader-navigation{gap:6px}.reader-tools label{gap:5px}
  .reader-tools select{font-size:11px;padding:7px 22px 7px 8px;max-width:140px}
  .reader-tool{font-size:11px;padding:7px 8px}
  .reader-mode .preview-canvas{padding:10px;border-radius:8px}
  .reader-mode .page-controls{gap:6px;padding:10px 0 max(12px,env(safe-area-inset-bottom))}
  .reader-mode .page-controls .button{padding:8px 10px;font-size:11px;min-height:39px}
  .reader-mode #page-indicator{font-size:11px}
}