/* Bespoke Guides template presentation; intentionally scoped to this theme. */
.site-main .container,
.site-main .page-hero,
.site-main .home-header,
.site-main .browse-cat,
.site-main .cat-new,
.site-main .cat-featured,
.site-main .category-articles,
.site-main .cat-cta { max-width: none; }

.site-main .container { width: min(100% - 48px, 1200px); margin: 0 auto; }
.site-main .page-hero { width: 100%; max-height: 560px; overflow: hidden; }
.site-main .page-hero img,
.site-main .pc-image img,
.site-main .cat-new-image img,
.site-main .ca-image img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; }
.site-main .page-hero img { min-height: 280px; }

.site-main .home-header,
.site-main .cat-cta { max-width: 780px; margin: 72px auto; text-align: center; }
.site-main .home-header h1,
.site-main .browse-cat h2,
.site-main .cat-new > h2,
.site-main .category-articles > h2,
.site-main .cat-cta h2 { margin: 0 0 24px; font-weight: 700; }
.site-main .btn-container a,
.site-main .cat-cta a { display: inline-block; margin-top: 12px; padding: 14px 24px; border-radius: 4px; background: #007e68; color: #fff; font-weight: 700; text-decoration: none; }

.site-main .browse-cat,
.site-main .cat-new,
.site-main .category-articles { margin: 72px 0; }
.site-main .parent-cats,
.site-main .cat-new > ul,
.site-main .articles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.site-main .pc-image,
.site-main .cat-new > ul > li > a { display: block; color: inherit; text-decoration: none; }
.site-main .pc-image { overflow: hidden; border-radius: 4px; background: #f4f4f4; }
.site-main .pc-image img { aspect-ratio: 4 / 3; }
.site-main .pc-image p { margin: 16px; font-weight: 700; text-align: center; }
.site-main .cat-new-image,
.site-main .ca-image { overflow: hidden; border-radius: 4px; }
.site-main .cat-new-image { aspect-ratio: 3 / 2; }
.site-main .cat-new h3,
.site-main .category-articles h3 { margin: 8px 0; font-size: 1.4rem; }
.site-main .sub-heading-small { margin: 16px 0 0; color: #505050; font-size: .9rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }

.site-main .cat-featured { margin: 80px 0; overflow: hidden; border-radius: 4px; background: #f0f6f5; }
.site-main .cat-featured-image { min-height: 360px; background-position: center; background-size: cover; }
.site-main .featured-content,
.site-main .article-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; padding: 40px; }
.site-main .articles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.site-main .articles > li { overflow: hidden; border-radius: 4px; background: #f7f7f7; }
.site-main .ca-image { aspect-ratio: 16 / 9; border-radius: 0; }
.site-main .article-content { padding: 28px; }

@media (max-width: 720px) {
	.site-main .container { width: min(100% - 32px, 1200px); }
	.site-main .page-hero { max-height: 360px; }
	.site-main .parent-cats,
	.site-main .cat-new > ul,
	.site-main .articles,
	.site-main .featured-content,
	.site-main .article-content { grid-template-columns: 1fr; }
	.site-main .home-header,
	.site-main .cat-cta,
	.site-main .browse-cat,
	.site-main .cat-new,
	.site-main .category-articles,
	.site-main .cat-featured { margin: 48px 0; }
	.site-main .featured-content,
	.site-main .article-content { gap: 20px; padding: 28px; }
}