/* Printable Vision Board Kit (ROADMAP-Calcs-PinPin.md PP32) — the sheets on the left (on top on a phone, after the answer),
   the choices beside them. Everything else is the core stylesheet. */
.vk { display: grid; gap: 1.2rem; }
.vk > * { min-width: 0; }
/* a phone reads the answer, then the choices and Download, then the sheets; a desktop keeps the sheets under the answer */
@media (min-width: 900px) {
  .vk { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; grid-template-areas: "main side" "more side"; align-items: start; }
  .vk-main { grid-area: main; } .vk-side { grid-area: side; } .vk-more { grid-area: more; }
}
/* the answer is server-rendered and never grows, so the result card needs none of the core's reserved 420 px */
.vk .vk-main { gap: 8px; min-height: 0; }
/* the thumbnails: two across on a phone, each a sheet of paper with its caption and a Save button */
.vk-sheets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: .3rem 0 0; }
.vk-sheet { margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.vk-thumb { display: block; width: 100%; height: auto; background: #fff; border-radius: 4px; box-shadow: 0 1px 6px rgba(25,19,32,.16); }
/* before the script draws a sheet, a Letter-shaped space holds its place */
.vk-ph { aspect-ratio: 8.5 / 11; }
.vk-sheet figcaption { display: flex; flex-wrap: wrap; min-width: 0; align-items: center; justify-content: space-between; gap: 6px; font-size: .9rem; color: var(--chqt-muted, #4c4658); }
.vk-save { min-height: 44px; padding: 0 12px; }
.vk-pictures { margin: .5rem 0 0; font-size: .95rem; }
.vk-parts { flex-wrap: wrap; }
.vk-pals { display: flex; flex-wrap: wrap; gap: 8px; }
.vk-pal { width: 48px; height: 48px; border-radius: 50%; border: 2px solid; cursor: pointer; padding: 0; font: 700 15px/1 Georgia, serif; }
.vk-pal[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--chqt-accent, #b3124e); }
/* "Print the kit": the sheets, alone on the paper (the @media print rule is added by ui.js only while printing) */
.chqt-vk-print { display: none; }