/* Printable Christmas games (views/christmas-games.cjs). Preview stage and paper controls: css/_print-kit.css.
 * Borders: 1px hairline. Every rule is under #visu-tools.vt-christmas-games. */
#visu-tools.vt-christmas-games .vt-cg-games { margin: 0 !important; }
#visu-tools.vt-christmas-games .vt-cg-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; margin-top: 8px; }
#visu-tools.vt-christmas-games .vt-cg-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 18px 0 12px; }
#visu-tools.vt-christmas-games .vt-cg-custom { margin-top: 16px; }
#visu-tools.vt-christmas-games .vt-cg-stepper { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 12px; font-variant-numeric: tabular-nums; }
#visu-tools.vt-christmas-games .vt-cg-step { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--vt-line-2); background: #fff; font-size: 22px; line-height: 1; cursor: pointer; color: var(--vt-ink); }
#visu-tools.vt-christmas-games .vt-cg-step:disabled { opacity: .4; cursor: default; }
#visu-tools.vt-christmas-games #vt-cg-out[hidden] { display: none; }
#visu-tools.vt-christmas-games #vt-cg-out { display: grid; gap: 10px; margin-bottom: 12px; }
#visu-tools.vt-christmas-games .vt-cg-facts { font-size: 14px; color: var(--vt-text); }
#visu-tools.vt-christmas-games .vt-cg-rules-sec { padding: 8px 0 28px; }
#visu-tools.vt-christmas-games .vt-cg-rules-lead { max-width: 72ch; margin-top: 8px !important; }
#visu-tools.vt-christmas-games .vt-cg-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
#visu-tools.vt-christmas-games .vt-cg-rule { padding: 16px; border: 1px solid var(--vt-line); border-radius: 14px; background: #fff; display: grid; gap: 8px; align-content: start; }
#visu-tools.vt-christmas-games .vt-cg-rule h3 { font-size: 17px; }
#visu-tools.vt-christmas-games .vt-cg-ex-h { font-size: 13px; font-weight: 700; color: var(--vt-muted); text-transform: uppercase; letter-spacing: .04em; }
#visu-tools.vt-christmas-games .vt-cg-rule ul { padding-left: 18px !important; display: grid; gap: 4px; font-size: 14.5px; }
@media (max-width: 600px) {
  #visu-tools.vt-christmas-games .vt-cg-checks, #visu-tools.vt-christmas-games .vt-cg-row, #visu-tools.vt-christmas-games .vt-cg-rules { grid-template-columns: minmax(0, 1fr); }
}