/* Postcard & Travel Poster Maker (ROADMAP-Calcs-Travel.md TM42): the two sides, USPS's guides over the back, the
   message boxes, the paid panel's styles and the print pages. Everything else is the core stylesheet. */
.pc { align-items: start; }
.pc-add { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-top: .6rem; }
.pc-step { min-height: 1.4em; font-weight: 600; }
.pc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.pc-two .chqt-field { min-width: 0; }
.pc-text { display: block; width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; line-height: 1.4; border: 1.5px solid var(--chqt-line, #eadfca); border-radius: 10px; padding: 9px 10px; background: #fff; color: var(--chqt-ink, #1e1a1a); resize: vertical; }
.pc-text:focus { outline: none; border-color: var(--chqt-accent, #d79d32); box-shadow: 0 0 0 3px rgba(215, 157, 50, .2); }
/* the pictures: full resolution in the canvas, the width of the card on screen; the ratio is reserved before any draw */
.pc-cv { display: block; width: 100%; height: auto; border-radius: 6px; background: #e9e4da; box-shadow: 0 1px 6px rgba(30, 26, 26, .2); margin: .5rem 0; }
.pc-side { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--chqt-line, #eadfca); }
.pc-side-h { margin: 0 0 10px; font-size: 18px; color: var(--chqt-ink, #1e1a1a); }
.pc-side-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 12px 20px; align-items: start; }
@media (max-width: 760px) { .pc-side-grid { grid-template-columns: 1fr; } }
.pc-backwrap { position: relative; }
/* the guides lie exactly over the canvas: same box, the canvas's own margins */
.pc-guides { position: absolute; left: 0; top: .5rem; width: 100%; aspect-ratio: 3 / 2; height: auto; pointer-events: none; }
.chqt[data-pc-kind="poster"] .pc-cv { max-width: 420px; margin-left: auto; margin-right: auto; }
.chqt[data-pc-kind="poster"] .pc-side,
.chqt[data-pc-kind="poster"] [data-pc-save="back"] { display: none; }
/* "Mailing it to another country" ticked is a choice, not a done item: no checklist line-through */
.pc .chqt-check input:checked + span { text-decoration: none; color: var(--chqt-ink, #1e1a1a); }
.pc-styles { margin: .2rem 0; }
.pc-ai-img { display: block; max-width: 100%; border-radius: 8px; margin: .6rem 0; }
@media (max-width: 420px) { .pc-two { grid-template-columns: 1fr; } }
@media print {
  .chqt-print-root.pc-print { columns: auto; }
  .pc-print .pc-page { display: block; margin: 0; break-after: page; page-break-after: always; }
  .pc-print .pc-page:last-child { break-after: auto; page-break-after: auto; }
}