/* The player-facing decision diagram: one A4 sheet, no scenario in it. */
@page { size: A4; margin: 0; }

html, body { margin: 0; padding: 0; background: #fff; }

.sheet .page {
  width: 210mm;
  height: 297mm;
  padding: 14mm 15mm;
  box-sizing: border-box;
  font-family: var(--mm-font-body, system-ui, sans-serif);
  font-size: 9pt;
  line-height: 1.42;
  color: var(--mm-graphite);
  display: flex;
  flex-direction: column;
  gap: 5mm;
}

.dd-band { border-bottom: 2.4pt solid var(--mm-crimson); padding-bottom: 3mm; }
.dd-title { font-family: var(--mm-font-head); font-weight: 700; text-transform: uppercase; font-size: 24pt; line-height: .98; }
.dd-sub { color: var(--mm-muted-guide); font-size: 9pt; margin-top: 1.6mm; max-width: 150mm; }

.dd-art { width: 100%; height: auto; border: .5pt solid var(--mm-hairline); padding: 3mm; box-sizing: border-box; }

.dd-body { display: grid; grid-template-columns: 1fr 1fr; gap: 0 8mm; }
.dd-col p { margin: 0 0 2.6mm; }
.dd-col strong { font-family: var(--mm-font-head); text-transform: uppercase; letter-spacing: .04em; font-size: 8.4pt; }

.dd-foot {
  margin-top: auto;
  border-top: 2pt solid var(--mm-crimson);
  padding-top: 3mm;
  font-size: 10.5pt;
  line-height: 1.4;
  max-width: 165mm;
}

.dd-credit { font-size: 7pt; color: var(--mm-muted-guide); }