/* V15.16.190 real PDF page previews: separate high-res page images (no sprite). */
/* Selectors are deliberately specific enough to beat the legacy
   "html body.free-guide-page .guide-preview-grid .preview-page img" cap (220px / 300px). */
html body .fw-pdf-page,
html body.free-guide-page .guide-preview-grid .preview-page img.fw-pdf-page,
html body.natural-wellness-page .ency-preview-grid article img.fw-pdf-page{
  display:block;width:100%;max-width:100%;max-height:none;height:auto;
  aspect-ratio:1200/1553;object-fit:contain;
  margin:14px auto 18px;background:#fff;
  border:1px solid var(--line,#e3e6e1);border-radius:8px;
  box-shadow:0 10px 26px rgba(17,23,19,.10)
}
.fw-pdf-zoom{display:block;border-radius:8px;cursor:zoom-in}
.fw-pdf-zoom:focus-visible{outline:3px solid #2f7d4f;outline-offset:3px}
/* Desktop: 3 equal columns, wide enough that the pages read as real pages. */
@media (min-width:761px){
  html body.free-guide-page .guide-preview-grid,
  html body.natural-wellness-page.fw-site-shell .ency-preview-grid{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;align-items:stretch!important
  }
  /* free guide: span the full section width so cards align with the left-aligned heading */
  html body.free-guide-page .guide-preview-grid{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  /* encyclopedia: centred section heading, so centre a slightly wider grid */
  html body.natural-wellness-page.fw-site-shell .ency-preview-grid{width:min(100%,1120px)!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
}
/* Mobile: one full-width card per row, preview centred. */
@media (max-width:760px){
  html body.free-guide-page .guide-preview-grid,
  html body.natural-wellness-page.fw-site-shell .ency-preview-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  html body .fw-pdf-page{max-width:460px!important}
}
.guide-preview-grid>.preview-page,.ency-preview-grid>article{display:flex;flex-direction:column;min-width:0}