@charset "utf-8";

/* A4 recipe sheet. This intentionally overrides the common print layout. */
@page{
  size:A4 portrait;
  margin:0;
}

@media print{
  html,
  body,
  #mmi-wrapper,
  #mmi-container{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    background:#fff !important;
    color:#222 !important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  body,
  #mmi-wrapper,
  html.mmi-compact-desktop #mmi-wrapper{
    zoom:1 !important;
  }

  #mmi-header{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:19mm !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:.5mm solid var(--mmi-red) !important;
    box-shadow:none !important;
    background:#fff !important;
  }

  #mmi-header .mmi-inner{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 8.5mm !important;
  }

  #mmi-header #mmi-site-id{
    position:static !important;
    display:block !important;
    width:48mm !important;
    height:10mm !important;
    flex:0 0 48mm !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  #mmi-header #mmi-site-id a,
  #mmi-header #mmi-site-id img{
    display:block !important;
    width:48mm !important;
    height:10mm !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  #mmi-header .mmi-toggle-check,
  #mmi-header .mmi-toggle,
  #mmi-header .mmi-drawer,
  #mmi-header #mmi-head-links,
  #mmi-container #recipe-detail.recipe-detail-page .c-breadcrumb,
  .mmi-footer-contact,
  #mmi-footer .footer-right,
  #mmi-footer .footer-left .mm-sub-link{
    display:none !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page{
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    overflow:visible !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page::before,
  #mmi-container #recipe-detail.recipe-detail-page::after{
    display:none !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-content{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:7mm 8.5mm 13mm !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-content h1{
    margin:0 0 4mm !important;
    color:var(--mmi-navy) !important;
    font-size:20pt !important;
    line-height:1.3 !important;
    letter-spacing:.02em !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-meta{
    gap:2.5mm !important;
    margin:0 0 6mm !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-meta div{
    min-height:6mm !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-meta dt{
    height:5.5mm !important;
    padding:0 2mm !important;
    border-width:.35mm !important;
    font-size:6.5pt !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-meta dt::before{
    width:3.4mm !important;
    height:3.4mm !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-meta dd{
    height:6mm !important;
    padding:0 2mm !important;
    font-size:8pt !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-intro,
  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-columns{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    gap:9mm !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-image{
    width:100% !important;
    max-width:92mm !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    border-radius:1.5mm !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-summary > p:first-child{
    font-size:8.5pt !important;
    line-height:1.75 !important;
    letter-spacing:.02em !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-columns{
    margin-top:10mm !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients h2,
  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-method h2{
    margin:0 0 3mm !important;
    padding:0 0 2mm !important;
    border-bottom:.6mm solid var(--mmi-navy) !important;
    font-size:11pt !important;
    line-height:1.35 !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients table{
    font-size:7pt !important;
    line-height:1.25 !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients th,
  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients td,
  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients thead th,
  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients .recipe-detail-table-heading th{
    height:auto !important;
    padding:1.2mm 2mm !important;
    line-height:1.25 !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients thead th{
    padding:1.5mm 2mm !important;
    font-size:7pt !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients .recipe-detail-table-heading td{
    height:auto !important;
    padding:0 !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-method h3{
    min-height:0 !important;
    margin:3mm 0 2mm !important;
    padding:1.2mm 2mm !important;
    font-size:7pt !important;
    line-height:1.25 !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-method h2 + h3{
    margin-top:0 !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-method li{
    margin:0 0 4mm !important;
    padding:0 0 0 6mm !important;
    font-size:7.5pt !important;
    line-height:1.6 !important;
    letter-spacing:0 !important;
    break-inside:avoid;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-method li::before{
    top:.2mm !important;
    width:4.3mm !important;
    height:4.3mm !important;
    font-size:6.5pt !important;
  }

  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-image,
  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-ingredients table,
  #mmi-container #recipe-detail.recipe-detail-page .recipe-detail-method h3,
  #mmi-container #recipe-detail.recipe-detail-page tr{
    break-inside:avoid;
  }

  #mmi-footer{
    position:fixed !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    height:10mm !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-top:.5mm solid var(--mmi-red) !important;
    background:#fff !important;
  }

  #mmi-footer .mmi-inner,
  #mmi-footer .footer-row,
  #mmi-footer .footer-left{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:static !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  #mmi-footer .footer-left{
    flex-direction:row !important;
    inset:auto !important;
  }

  #mmi-footer .footer-left .copy{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    color:#555 !important;
    font-size:6.5pt !important;
    line-height:1 !important;
    text-align:center !important;
  }
}