/* Incident Room page (theme 2.8.0): layout around the game frame on /incident-room/. Loaded only on that page. */
.cadtb-ir-page { width: min(1100px, 92vw); }
.cadtb-ir-page .cadtb-return { width: auto; padding: 8px 0 0; }
.cadtb-ir-intro { margin: 1.5rem 0 1.25rem; }
.cadtb-ir-intro p { max-width: 78ch; }
.cadtb-kicker { margin: 0 0 0.25rem; font-weight: 700; color: #00519F; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.85rem; }
.cadtb-ir-game { position: relative; left: 50%; width: min(1400px, calc(100vw - 32px)); transform: translateX(-50%); margin: 0 0 2rem; border: 2px solid #000080; border-radius: 6px; background: #08182A; overflow: hidden; }
.cadtb-ir-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 6px 4px 10px; background: linear-gradient(90deg, #000080, #1084d0); color: #fff; font: 700 14px/1.4 Arial, Tahoma, sans-serif; }
.cadtb-ir-full { border: 1px solid #fff; background: #c0c0c0; color: #000; padding: 2px 10px; font: 12px/1.3 Tahoma, Arial, sans-serif; cursor: pointer; box-shadow: inset 1px 1px #fff, inset -1px -1px #808080; }
.cadtb-ir-full[hidden] { display: none; }
.cadtb-ir-frame { display: block; width: 100%; height: min(920px, calc(100vh - 60px)); height: min(920px, calc(100dvh - 60px)); min-height: 600px; border: 0; background: #08182A; }
.cadtb-ir-game:fullscreen { width: 100vw; transform: none; left: 0; border: 0; border-radius: 0; display: flex; flex-direction: column; }
.cadtb-ir-game:fullscreen .cadtb-ir-frame { flex: 1; height: auto; min-height: 0; }
.cadtb-ir-teach ol, .cadtb-ir-teach ul { max-width: 80ch; }
.cadtb-ir-teach li { margin-bottom: 0.4rem; }
.cadtb-ir-notes { margin: 2rem 0; font-size: 0.9rem; color: #444; }
.cadtb-ir-notes p { max-width: 90ch; }
@media (max-width: 700px) {
  .cadtb-ir-game { width: 100vw; border-left: 0; border-right: 0; border-radius: 0; }
  .cadtb-ir-frame { height: calc(100dvh - 40px); min-height: 560px; }
}
