/* The document viewer beside the work (external interim review ER-U14; static/thread/js/viewer.js).
   Wide screens: a panel on the right and the page narrows beside it, so the work and the document are
   read side by side. Narrower screens: the panel sits over the page. Phones: a full-screen sheet. */
.t2.t2-viewer { position: fixed; z-index: 60; top: 0; right: 0; bottom: 0; width: min(46vw, 52rem); display: flex; flex-direction: column; background: var(--surface); border-left: 1px solid var(--border-strong); box-shadow: var(--shadow-panel, 0 0 24px rgba(0, 0, 0, 0.18)); }
.t2.t2-viewer[hidden] { display: none; }
.t2-viewer__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--border); }
.t2-viewer__title { flex: 1 1 12rem; min-width: 0; font-size: var(--fs-ui, 1.0625rem); font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; color: var(--text); }
.t2-viewer__tools { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.t2-viewer__frame { flex: 1 1 auto; width: 100%; min-height: 0; border: 0; background: var(--surface-sunk); }
@media (min-width: 1180px) {
  html.has-viewer body { margin-right: min(46vw, 52rem); }
}
@media (max-width: 1179px) {
  .t2.t2-viewer { width: min(40rem, 92vw); }
}
@media (max-width: 640px) {
  .t2.t2-viewer { width: 100vw; border-left: 0; }
}
@media print { .t2.t2-viewer { display: none; } html.has-viewer body { margin-right: 0; } }