/* ==========================================================================
   Reinvention Reflection Journal — Print Stylesheet
   Activated when user prints or saves as PDF from the browser
   ========================================================================== */

@media print {

  /* Page setup */
  @page {
    size: letter;
    margin: 0.85in 1in;
  }

  @page :first {
    margin: 0;
  }

  /* Reset */
  *, *::before, *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Hide navigation and non-print elements */
  .nav, .nav-toggle, .skip-link, .pdf-btn, .no-print {
    display: none !important;
  }

  /* Body */
  body {
    background: #fff;
    font-size: 11pt;
    line-height: 1.7;
    color: #232B36;
  }

  /* Sections — each starts on a new page */
  .page, .cover, .pause {
    page-break-after: always;
    min-height: 0;
    padding: 1.5rem 0;
  }

  /* Cover — full bleed dark background */
  .cover {
    background: #283A59 !important;
    color: #FBF8F3 !important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
  }

  /* Pause pages — light peach background */
  .pause {
    background: #FEEBE9 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
  }

  /* Integration — dark background */
  .integration {
    background: #283A59 !important;
    color: #FBF8F3 !important;
    page-break-after: always;
    padding: 1.5rem 0;
  }

  /* Images */
  img {
    max-width: 100%;
    page-break-inside: avoid;
  }

  .cover__photo-frame {
    width: 280pt;
    height: 350pt;
    margin: 0 auto 24pt;
  }

  .pause__photo-frame {
    width: 400pt;
    height: 266pt;
    margin: 0 auto 24pt;
  }

  /* Star divider — don't break on its own page */
  .star-mark {
    page-break-after: avoid;
    page-break-before: avoid;
  }

  /* Textareas — show as lined writing space */
  textarea {
    border: none !important;
    border-bottom: 1px dotted #CCCCCC !important;
    background: transparent !important;
    box-shadow: none !important;
    resize: none !important;
    min-height: 120pt !important;
    width: 100% !important;
    display: block;
  }

  /* Links — show URL in print */
  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 8pt;
    color: #888;
  }

  /* Suppress URL display for decorative links */
  .cover a::after,
  .nav a::after {
    content: none;
  }

}