/* guides.css — /guides/ and /guides/{slug}/.
   Shared inner-page chrome (.crumbs, .page_head, .pager, .prose, .grid_3, .det_title,
   .nearby_head, .cta_actions) is in global.css; reused exactly as on the details page.
   The only thing guide pages need that nothing else does is the cover image. */

.guide_cover {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--r-lg);
  margin: var(--s-5) 0 var(--s-6);
}