/*
 * Constrains the PDF.js viewer so it renders as a block inside the theme layout
 * instead of the full-window app PDF.js assumes. viewer.css positions
 * #outerContainer at width/height 100% of its parent, so we give the parent a
 * defined height and a positioning context.
 */
.rsb-pdfviewer-section {
	padding: 0;
}

.rsb-pdfviewer-bar {
	display: flex;
	justify-content: flex-end;
	padding: 12px 16px;
}

.rsb-pdfviewer {
	position: relative;
	width: 100%;
	height: 65vh;
	min-height: 480px;
}

/* PDF.js expects to own the whole viewport; scope its fixed/absolute chrome to our box. */
.rsb-pdfviewer #outerContainer {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}