/* Loaded with media="print" -- never blocks normal rendering.
   Goal: when someone hits Print Recipe, they get the recipe card and
   nothing else -- no header, no ads, no related-recipe grids, no footer. */

@media print {
  .site-header, .site-footer, .mobile-menu, .header-search-panel,
  .breadcrumbs, .ad-slot, .complete-the-meal, .related-grid,
  .newsletter, .comments-area, .recipe-rail-desktop, .sticky-utility-bar,
  .recipe-article__byline, .recipe-details-box__actions,
  .rating-widget, .jump-to-recipe-row, .folk-divider, .skip-link {
    display: none !important;
  }

  body { background: #fff; color: #000; font-size: 12pt; }

  .container, .recipe-article__layout { max-width: 100% !important; display: block !important; }

  .recipe-details-box {
    border: 1px solid #000;
    border-top: 4px solid #000;
    box-shadow: none;
    page-break-inside: avoid;
  }

  .recipe-meta-bar { border-color: #000; }
  .recipe-meta-bar__item { background: #fff; border-color: #000; }

  a { color: #000; text-decoration: none; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; }

  .instructions-list__step { page-break-inside: avoid; }
}