/* On-screen view of the collateral print sheets. The .page sheets are the print sources of
   the PDFs (8.5 x 11 in, @page letter); this file only dresses them for a browser, like a
   PDF viewer: sheets centred on a neutral backdrop, scaled to fit a narrow screen
   (screen.js sets --sheet), the droughtless.com site bar and a link to the PDF.
   Print is untouched apart from hiding the bar. */
.site-bar { display: none; }
@media print { .site-bar { display: none !important; } }
@media screen {
  html, html body { background: #e6e2d6; }
  .site-bar {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    position: sticky; top: 0; z-index: 50; padding: 12px 20px;
    background: rgba(250, 249, 244, 0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(81, 81, 61, 0.16);
    font-family: 'Outfit', system-ui, sans-serif;
  }
  .site-bar a { color: #1b2021; text-decoration: none; }
  .site-bar .home { display: flex; align-items: center; gap: 8px; font: 600 19px/1 'Fraunces', Georgia, serif; }
  .site-bar .home img { width: 16px; height: 26px; }
  .site-bar .pdf {
    font-size: 14px; font-weight: 500; white-space: nowrap;
    padding: 7px 14px; border-radius: 999px; background: #1b2021; color: #faf9f4;
  }
  .site-bar .pdf:hover { background: #51513d; }
  .page {
    margin: 24px auto; background: #fff;
    box-shadow: 0 1px 2px rgba(27, 32, 33, 0.08), 0 8px 28px rgba(27, 32, 33, 0.12);
    zoom: var(--sheet, 1);
  }
}