/* Tools: /play-designer/ + /playbook-builder/ extras (export buttons, how-to, FAQ, print one play). Builds on site.css tokens. */
.dz-two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dz-two .btn { padding-left: 8px; padding-right: 8px; font-size: .95rem; }

/* FAQ below a tool */
.tool-faq { display: grid; gap: 12px; margin: 14px 0 22px; }
.tool-faq-item { background: var(--card); border: 3px solid var(--ink); border-radius: 16px; box-shadow: 0 4px 0 var(--ink); padding: 10px 16px; }
.tool-faq-item summary { font-weight: 900; cursor: pointer; }
.tool-faq-item p { margin: 8px 0 4px; }

/* builder: "start from a practice plan" hint */
.tool-hint { background: var(--yellow); border: 3px solid var(--ink); border-radius: 16px; box-shadow: 0 4px 0 var(--ink); padding: 10px 16px; font-weight: 700; }
.tool-hint a { font-weight: 900; }

/* print one play from the designer: only the diagram, name and reads */
.print-sheet { display: none; }
@media print {
  body.printing-play main > *:not(#print-sheet) { display: none !important; }
  body.printing-play .print-sheet { display: block; color: #111; }
  .print-sheet h2 { font-size: 22pt; margin: 0 0 10pt; }
  .print-sheet svg { -webkit-print-color-adjust: exact; print-color-adjust: exact; display: block; width: 100%; max-width: 7in; height: auto; }
  .print-sheet p { font-size: 12pt; margin-top: 10pt; }
}