/* ==========================================================================
   GoRiddles Sitemap (page-sitemap.php)

   This is a STANDALONE file — do NOT append it to goriddles-v2-post.css.
   Upload it as-is to: css/goriddles-sitemap.css

   It's self-enqueued directly by page-sitemap.php (only on that page),
   because goriddles-v2-post.css is scoped to single.php / is_single()
   and never loads on a Page.
   ========================================================================== */

.gr-sitemap {
	max-width: 1100px;
	margin: 0 auto;
	padding: 48px 24px 96px;
	font-family: 'Montserrat', sans-serif;
	color: #2a2a2a;
}

.gr-sitemap__intro {
	margin-bottom: 40px;
}

.gr-sitemap__title {
	font-size: 3.5rem;
	font-weight: 800;
	margin: 0 0 16px;
}

.gr-sitemap__subtitle {
	color: #5A5A5A;
	font-size: 1.5rem;
	margin: 0;
}

.gr-sitemap__section {
	margin-bottom: 48px;
}

.gr-sitemap__heading {
	font-size: 2.5rem;
	font-weight: 700;
	color: #FD0055;
	border-bottom: 2px solid #f2f2f2;
	padding-bottom: 16px;
	margin: 0 0 28px;
}

.gr-sitemap__group {
	margin-bottom: 32px;
}

.gr-sitemap__group-heading {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 18px;
}

.gr-sitemap__group-heading a {
	color: #2a2a2a;
	text-decoration: none;
}

.gr-sitemap__group-heading a:hover {
	color: #FD0055;
}

.gr-sitemap__count {
	font-weight: 400;
	color: #827C7C;
	font-size: 1.4rem;
}

.gr-sitemap__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px 32px;
}

.gr-sitemap__list--inline {
	grid-template-columns: repeat(3, 1fr);
}

.gr-sitemap__list li {
	line-height: 1.6;
}

.gr-sitemap__list a {
	color: #3A3A3A;
	text-decoration: none;
	font-size: 1.7rem;
}

.gr-sitemap__list a:hover {
	color: #FD0055;
	text-decoration: underline;
}

@media (max-width: 768px) {
	.gr-sitemap {
		padding: 32px 16px 64px;
	}

	.gr-sitemap__list,
	.gr-sitemap__list--inline {
		grid-template-columns: 1fr;
	}
}