/* The overview owns the layout; review documents retain their published styles. */
body.review-reader { margin: 0; }
.review-workspace {
  display: grid;
  grid-template-columns: minmax(320px, var(--overview-width, 43%)) 12px minmax(390px, 1fr);
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
.overview-copy { min-width: 0; overflow-y: auto; overscroll-behavior: contain; }
.overview-copy > #header,
.overview-copy > #content,
.overview-copy > #footer { max-width: 58rem; margin-inline: auto; padding-inline: 1.6rem; }
.overview-copy #header > h1 { font-size: 2.1rem; overflow-wrap: anywhere; }
.overview-copy #content a { overflow-wrap: anywhere; }
.overview-copy .ulist > .title { font-family: "Open Sans", sans-serif; font-size: .9rem; color: #40515f; }
.overview-copy .ulist:has(> .title) { border-left: 3px solid #c8d7e3; padding-left: 1rem; }
.overview-copy .review-link[aria-current="location"] { background: #e6f0f7; text-decoration-thickness: 2px; }
.reader-toolbar, .review-pane-header { font-family: "Open Sans", sans-serif; }
.reader-toolbar { padding-block: .8rem; }
.reader-toolbar p { font-size: .85rem; line-height: 1.5; margin: .5rem 0 0; color: #40515f; }
.reader-button {
  font: 600 .85rem/1.3 "Open Sans", sans-serif;
  padding: .65rem .8rem;
  background: #f4f7fa;
  color: #173b56;
  border: 1px solid #b9c9d5;
  border-radius: 4px;
  cursor: pointer;
}
.reader-button:hover { background: #e5edf4; }
.reader-button:focus-visible, .review-pane-header a:focus-visible,
.review-link:focus-visible { outline: 3px solid #176ea2; outline-offset: 3px; }
.review-divider {
  position: relative;
  background: #edf2f6;
  border-inline: 1px solid #c8d7e3;
  cursor: col-resize;
  touch-action: none;
}
.review-divider::after {
  content: ""; position: absolute; left: 3px; right: 3px; top: calc(50% - 24px);
  height: 48px; border-radius: 3px; background: #849cac;
}
.review-divider:hover, .review-divider:focus-visible { background: #c8dce9; }
.review-divider:focus-visible { outline: 3px solid #176ea2; outline-offset: -3px; }
.review-sidebar { min-width: 0; min-height: 0; display: flex; flex-direction: column; background: white; }
.review-pane-header { padding: 1rem 1.2rem .8rem; border-bottom: 1px solid #c8d7e3; background: #f4f7fa; }
.review-pane-topline { display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
.review-pane-topline h2 { margin: 0; font: 700 1rem/1.4 "Open Sans", sans-serif; color: #173b56; }
.review-section-label { margin: .65rem 0 .5rem; font-size: .85rem; line-height: 1.5; overflow-wrap: anywhere; }
.review-pane-header a { font-size: .8rem; }
.review-highlight-note {
  margin: .6rem 0 0; padding: .35rem .55rem; border-left: 4px solid #b58112;
  background: #fff8df; color: #59430e; font-size: .75rem; line-height: 1.4;
}
.review-highlight-note[hidden] { display: none; }
.review-frame { width: 100%; flex: 1 1 0; min-height: 0; border: 0; background: white; }
.review-workspace.pane-closed { display: block; }
.pane-closed .overview-copy { height: 100%; }
.pane-closed .review-sidebar, .pane-closed .review-divider { display: none; }
.reader-resizing, .reader-resizing * { cursor: col-resize !important; user-select: none !important; }
.reader-resizing .review-frame { pointer-events: none; }
.reader-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
@media (max-width: 960px) {
  .review-workspace { display: block; height: auto; overflow: visible; }
  .overview-copy { overflow: visible; }
  .overview-copy > #header, .overview-copy > #content, .overview-copy > #footer { padding-inline: 1rem; }
  .overview-copy #header > h1 { font-size: 1.8rem; }
  .review-divider { display: none; }
  .review-sidebar { height: 80vh; height: 80dvh; min-height: 350px; border-top: 2px solid #849cac; }
  .review-pane-header { padding: .7rem 1rem; }
  .pane-closed .overview-copy { height: auto; }
}
@media print {
  .review-workspace { display: block; height: auto; overflow: visible; }
  .overview-copy { height: auto; overflow: visible; }
  .review-sidebar, .review-divider, .reader-toolbar { display: none; }
}
