/* Corsage — guide-specific print overrides
   All shared styles live in ../guide.css

   Rebuilt for the layer-based (double-sided glue strip) method: page 1 is
   now text/planning only (no step-grid — matches the wireframe), and page 2
   carries four build sections (Base Layer / Accent Bundles / Focal Flowers /
   Final Touches), so the density balance flipped from the old hot-glue
   version: front page is now light, back page is now the dense one. */

.illustration-wrapper--with-overlay { max-width: 180px; }

@media print {
  /* ── Front page: text/planning only, no step-grid — light but still needs
     some tightening to hold one page ── */
  .guide-page--front .guide-page__content  { gap: 0.4rem; }
  .guide-page--front .guide-section        { padding-top: 0.3rem; }
  .guide-page--front .guide-page__tagline  { padding-top: 0.25rem; font-size: 0.78rem; }
  .guide-page--front .guide-section__intro { font-size: 0.74rem; margin-bottom: 0.22rem; line-height: 1.34; }
  .guide-page--front .guide-section__list--grid-3 { gap: 0.14rem 1rem; margin: 0.15rem 0 0.15rem 0.85rem; }
  .guide-page--front .guide-section__list li { font-size: 0.74rem; line-height: 1.32; }
  .guide-page--front .tips-callout         { padding: 0.4rem 0.6rem; margin-top: 0.35rem !important; }
  .guide-page--front .tips-callout__text   { font-size: 0.72rem; line-height: 1.32; }
  .guide-page--front .illustration--inspiration { max-height: 165px; object-fit: contain; }

  /* Minimal/Classic/Full tier photo grid (2026-09-17). Scoped via #plan-title
     rather than plain .inspiration__grid — that class is shared with the top
     Inspiration panel, which uses illustration-wrapper--inspiration (a
     different, already-sized variant) and must not be touched by this rule.
     No flex-fill needed here since these are plain square images with no
     aspect-ratio forcing, just a wider max-width than the shared default. */
  #plan-title ~ .inspiration__grid .illustration-wrapper { max-width: 300px; margin: 0 auto; }
  #plan-title ~ .inspiration__grid .illustration--small  { max-width: 300px; }

  /* ── Back page: four build sections — tighten hard to hold one page ── */
  .guide-page--back .guide-page__content        { gap: 0.4rem; }
  .guide-page--back .flower-care                { padding-top: 0.28rem; }
  .guide-page--back .guide-section__title       { margin-bottom: 0.35rem; padding-bottom: 0.15rem; }
  .guide-page--back .flower-grid                { gap: 0.4rem; }
  .guide-page--back .flower-tip                 { font-size: 0.72rem; line-height: 1.3; }
  .guide-page--back .flower-tip--numbered       { gap: 0.25rem; }
  .guide-page--back .illustration--small                 { max-width: 100px; }

  /* The layer-stack / bundle-comparison SVGs carry text labels baked into the
     artwork, so they can't sit at the 100px photo cap — the labels would be
     sub-5pt and unreadable in print. Sized up to keep them legible; tuned to
     the max that still holds page 2. */
  .guide-page--back .illustration--diagram               { max-width: 165px; }
  .guide-page--back .illustration-wrapper--with-overlay  { max-width: 100px; }
  .guide-page--back .illustration-placeholder            { max-width: 100px; }
  .guide-page--back .illustration-placeholder__text      { font-size: 0.48rem; }
  .guide-page--back .tips-callout               { padding: 0.35rem 0.55rem; gap: 0.35rem; margin-top: 0.3rem !important; }
  .guide-page--back .tips-callout__label        { font-size: 0.54rem; }
  .guide-page--back .tips-callout__text         { font-size: 0.66rem; line-height: 1.28; }
}