/* stations-debrief.css — the printed debrief's sheet (Path 18 P4), for stations-debrief.js.
   018 and 019's teacher monitor both link it. Paper is white with black text from either theme
   (.pk-paper on #printArea), so the greys here need no media query. The card chrome is scoped to
   `.sd-grid`, the class a page gives the grid it renders into. */
.sd-grid .pk-cards { --pk-gap: 8px; padding: 0 4px; }
.sd-grid .p-card {
  border: 1.5px solid #999; border-radius: 10px; padding: 14px;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.sd-grid .p-card .p-num { font-size: 0.75rem; letter-spacing: 0.08em; color: #555; text-transform: uppercase; }
.sd-grid .p-card .p-label { font-size: 1.25rem; font-weight: 700; margin: 4px 0 8px; }
/* The kit lets a long word wrap anywhere on a card, which also lets a table
   squeeze its columns; the sheet's columns keep the widths their words ask for. */
table.p-debrief { width: 100%; border-collapse: collapse; font-size: 0.8rem; margin-top: 8px; text-align: left; overflow-wrap: break-word; }
table.p-debrief th, table.p-debrief td { border: 1px solid #999; padding: 4px 6px; vertical-align: top; }
table.p-debrief th { background: #eee; }
.p-debrief-sum { font-size: 0.85rem; margin: 6px 0 0; text-align: left; width: 100%; }
.p-debrief-open { font-size: 0.8rem; margin-top: 6px; text-align: left; width: 100%; }
.p-reflect-q { text-align: left; width: 100%; margin-top: 10px; font-size: 0.9rem; font-weight: 600; }
.p-reflect-lines { width: 100%; height: 3.2rem; border-bottom: 1px solid #777; margin-top: 4px; }