/* ── The Briefing window (owner, 2026-10-31) ─────────────────────────
   A sim's Briefing read in a window rather than on a page
   (js/shared/briefing_window.js), on the Sales & Trading and Capital
   Markets sims: the shared dialog shell as a contents column and a part.
   The title and the Briefing's parts in a column on the left, the part
   chosen on the right. The window has one size for every part (owner: a
   window that resizes is bad ux): 75% of the screen's height, or the
   column's if that is taller, and a longer part scrolls beside the
   column. The column is wide enough for the lobby line on one row. The
   text column is the Briefing's own width (--briefing-measure, set by
   the sim). Each sim's sheet, loaded after this one, gives the window
   its Briefing's look: the title, the part list and the text. */
.iro-dialog.briefing-window {
  position: relative;
  width: fit-content;
  max-width: 94vw;
  min-height: 75vh;
  border: 0;
  border-radius: 0;
}
.briefing-window > .iro-dialog-close {
  position: absolute;
  top: 14px;
  right: 16px;
}
.briefing-window .iro-dialog-body {
  display: grid;
  grid-template-columns: 16rem minmax(0, var(--briefing-measure, var(--measure-prose, 46rem)));
  gap: 0 40px;
  padding: 26px 28px 24px;
}
.briefing-side {
  border-right: 1px solid var(--border);
  padding-right: 16px;
}
/* The lobby line on one row (owner, 2026-10-31), and its row kept once
   the session starts and the line goes. The part's heading has the same
   row, empty, so its text starts level with the list of parts. */
.briefing-window .pm-ov-subtitle {
  min-height: 1lh;
  white-space: nowrap;
}
.briefing-window .ref-toc {
  display: flex;
  flex-direction: column;
}
.briefing-window :is(.ref-toc, .briefing-part > .ref-mechanics) { margin-top: 18px; }
/* The part: its name and its text, with no height of its own, so the
   window and the column set the row's height; the name stays and the
   text fills the rest of the row and scrolls. */
.briefing-part {
  display: flex;
  flex-direction: column;
  height: 0;
  min-height: 100%;
}
.briefing-part > .ref-mechanics {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: stable;
  /* The text and its tables keep clear of the scrollbar (owner, 2026-11-03). */
  padding-right: 16px;
}