/* Preview and print the approved image without additional flyer content. */
* { box-sizing: border-box; }
html, body {
  margin: 0;
  background: #06131d;
  color: #fff;
  font-family: Verdana, "Atkinson Hyperlegible", Arial, sans-serif;
}
.flyer-tools, .flyer-sheet {
  width: min(1200px, calc(100% - 32px));
  margin-inline: auto;
}
.flyer-tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.flyer-tools a, .flyer-tools button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #879dab;
  border-radius: 5px;
  background: transparent;
  color: #fff;
  font: 800 14px/1.4 Verdana, "Atkinson Hyperlegible", Arial, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.flyer-tools button { background: #b82b31; border-color: #d74a50; }
.flyer-tools a:hover { background: #17303f; }
.flyer-tools button:hover { background: #d03940; }
.flyer-tools :is(a, button):focus-visible { outline: 2px solid #efc84a; outline-offset: 3px; }
.flyer-sheet { margin-top: 0; margin-bottom: 32px; padding: 0; }
.flyer-page-heading { margin: 0 0 16px; font-size: 1.25rem; line-height: 1.4; }
.print-asset { display: block; width: 100%; height: auto; }
@media (max-width: 480px) {
  .flyer-tools, .flyer-sheet { width: calc(100% - 24px); }
  .flyer-tools a, .flyer-tools button { padding-inline: 10px; font-size: 13px; }
}
@media print {
  @page { size: letter landscape; margin: .25in; }
  html, body { width: auto; height: auto; background: #fff; }
  .flyer-tools, .flyer-page-heading { display: none !important; }
  .flyer-sheet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 7.9in;
    margin: 0;
    padding: 0;
    break-inside: avoid;
  }
  .print-asset {
    width: 100%;
    height: auto;
    max-height: 7.9in;
    object-fit: contain;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.flyer-tools > div { display:flex; flex-wrap:wrap; gap:8px; }
.flyer-print-note {font-size:1rem;line-height:1.5;margin:0 0 18px;}
.flyer-print-note a {color:#efc84a;}
.flyer-portrait .flyer-sheet {max-width:850px;}
@media(max-width:580px){.flyer-tools{flex-wrap:wrap}.flyer-tools > div {width:100%}.flyer-tools > div > *{flex:1}}
@media print {
  .flyer-print-note {display:none!important;}
  .flyer-sheet {height:7.9in;}
  .flyer-portrait .flyer-sheet {width:8in;height:10.4in;max-width:100%;}
  .flyer-portrait .print-asset {width:100%;height:100%;max-height:10.4in;object-fit:contain;}
}