.vatg-prep-packet {
  padding: 16px 18px;
  margin: 18px 0 22px;
  border-radius: 10px;
}

.vatg-prep-packet h3 {
  margin: 0 0 6px;
  font-size: 18px;
}

.vatg-prep-packet p {
  margin: 0 0 12px;
}

.vatg-prep-packet h4 {
  margin: 14px 0 10px;
  font-size: 15px;
}

.vatg-prep-muted {
  opacity: 0.75;
  font-size: 0.95em;
}

.vatg-prep-instruments,
.vatg-prep-placeholders {
  margin: 8px 0 0;
}

.vatg-prep-instruments li,
.vatg-prep-placeholders li {
  margin: 6px 0;
}

.vatg-prep-placeholders li strong {
  display: inline-block;
  margin-bottom: 2px;
}

.vatg-prep-help {
  margin-top: 4px;
  padding: 0px;
}

/* Hide on-page packet; it is shown via the modal instead */
.vatg-prep-packet--hidden {
  display: none;
}

/* ------------------------------------------------------------
   Prep Packet Modal — tighten inner padding
   (Modal injects .vatg-prep-packet into .vatg-prep-modal__scroll)
------------------------------------------------------------ */

/* Reduce left/right padding inside the modal scroll area */
#vatg-prep-modal .vatg-prep-modal__scroll {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Optional: tighten header/footer too so the modal feels consistent */
#vatg-prep-modal .vatg-prep-modal__header,
#vatg-prep-modal .vatg-prep-modal__footer {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* ------------------------------------------------------------
   Prep Packet — print page margins + safe padding
------------------------------------------------------------ */

@media print {
  /* Make the browser paginate the document normally (not an overflow box) */
  #vatg-prep-modal,
  #vatg-prep-modal .vatg-prep-modal__dialog,
  #vatg-prep-modal .vatg-prep-modal__body,
  #vatg-prep-modal .vatg-prep-modal__scroll {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Don't rely on @page margins (inconsistent in modals/overflows) */
  @page {
    margin: 0;
  }

  /* Use body padding as the per-page margin (repeats across pages reliably) */
  body.vatg-print-prep {
    padding: 0.65in 0.65in !important; /* top/bottom, left/right */
  }

  /* Remove our earlier “extra padding” hack so it doesn’t double up */
  body.vatg-print-prep #vatg-prep-modal .vatg-prep-modal__scroll {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Avoid extra vertical spacing that can collide with page edges */
  body.vatg-print-prep .vatg-prep-packet {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}