/* 1. GLOBAL PRINT LAYOUT SETTINGS (Must be outside @media) */
@page {
  size: A4;
  margin: 15px; /* Sets the physical paper margins */

  /* Native page numbers for modern browsers (Chrome 131+) */
  @bottom-right {
    content: "Page " counter(page);
    font-size: 12px;
    color: #555;
    font-family: sans-serif;

    
    /* SHIFTS CONTENT UPWARD: Adjust these values to your liking */
    margin-bottom: 10px;  /* Pushes it up from the absolute bottom edge */
    padding-bottom: 5px;  /* Adds an extra slight upward buffer */
  }
}

/* 2. SPECIFIC STYLE ADJUSTMENTS DURING PRINTING */
@media print { 
  /* Suppresses navigation, headers, footers, comments, and specific area blocks */ 
  .header, 
  .site-search-container, 
  #menu-div, 
  .menu-item,
  .breadcrumb-list,
  .breadcrumb-item,
  #comments-container,
  #footer, 
  .footer,
  #menu_control,
  #area_pages,
  #area_articles,
  #area_resources { 
    display: none !important; 
  } 

  /* Ensures the main content area remains visible to actually print */
  #main_div { 
    display: block !important; 
  } 

  /* Layout and positioning fixes for your content container */
  #content {
    /* If #content is absolutely positioned, use these. If not, these top/left rules are ignored. */
    top: 15px;
    left: 5px;
    
    width: 95%;
    margin: 15px;
    
    /* Hides the border line visually while preserving its layout dimensions */
    border-color: transparent !important;
  }

  /* Cleans up the body dimensions so the paper margins can do the work */
  body {
    margin: 0;
    padding: 1.5cm; /* Safely offsets text from the edge of the physical page */
    background: transparent;
    color: #000;
  }
}