/* ==========================================================================
   Preparation Guide — guide-specific overrides
   Extends guide.css (shared). Do not put shared styles here.
   ========================================================================== */

@media print {
  /* Page 2 has noticeably less content than page 1 now that Strengthening
     Bent Stems moved to the Flower Handling guide — boost spacing and
     illustration size further to fill the freed-up space on the back page,
     per the established page-2 maximization approach */
  .flower-care                            { padding-top: 1.15rem; }
  .flower-grid                            { gap: 1.4rem; }
  .flower-tip                             { line-height: 1.6; font-size: 0.96rem; }
  .guide-page--back .illustration--small  { max-width: 210px; }
  .guide-page--back .guide-page__content  { gap: 1.3rem; }

  /* Front page picked up a tips-callout (bent-stem cross-reference) in the
     Clean & Hydrate step grid — tighten to keep the bucket-prep illustration
     row from spilling onto its own page */
  .guide-page--front .guide-page__content { gap: 0.5rem; }
  .guide-page--front .step-grid           { gap: 0.6rem; }
  .guide-page--front .tips-callout        { padding: 0.3rem 0.5rem; gap: 0.3rem; margin-top: 0.22rem !important; }
  .guide-page--front .tips-callout__label { font-size: 0.56rem; }
  .guide-page--front .tips-callout__text  { font-size: 0.68rem; line-height: 1.28; }
  .guide-page--front .illustration-container { margin-top: 0.3rem; }
  /* Both must be raised together: guide.css's print block pins BOTH
     .illustration-wrapper and .illustration to 200px, so lifting only one
     leaves the other as the binding cap. Tuned to the max that still holds
     2 pages after the materials pills were reordered onto 2 rows, which
     freed roughly a row of vertical space. */
  .guide-page--front .illustration-wrapper { max-width: 210px; }
  .guide-page--front .illustration        { max-width: 210px; }
}