/*
 * HTML site map (/sitemap/, [slick_html_sitemap]; inc/slick/html-sitemap.php).
 * Loaded only on the page that carries the shortcode. Plain lists, readable at every width.
 */
.slick-sitemap { max-width: 1200px; margin: 0 auto; line-height: 1.5; }
.slick-sitemap a { color: #111; text-decoration: none; }
.slick-sitemap a:hover { color: #000; text-decoration: underline; }
.slick-sitemap ul { list-style: none; margin: 0; padding: 0; }
.slick-sitemap li { margin: 0; padding: 0.1rem 0; }

.slick-sm-intro { font-size: 1.05rem; color: #333; margin: 0 0 1rem; }
.slick-sm-note,
.slick-sm-desc { font-size: 0.875rem; color: #666; margin: 0 0 0.75rem; }

/* Section jump links */
.slick-sm-jump { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 2rem; }
.slick-sm-jump a { display: inline-block; padding: 0.35rem 0.85rem; border-radius: 999px; background: #f3f3f3; font-weight: 600; font-size: 0.9rem; }
.slick-sm-jump a:hover { background: #111; color: #ffd814; text-decoration: none; }

.slick-sm-section { margin: 0 0 2.5rem; padding-top: 0.5rem; border-top: 1px solid #e5e5e5; }
.slick-sm-section > h2 { font-size: 1.5rem; margin: 0.5rem 0 0.75rem; }
.slick-sitemap h3 { font-size: 1.1rem; margin: 0 0 0.5rem; }

/* Count pill after a link */
.slick-sm-n { display: inline-block; margin-left: 0.3rem; padding: 0 0.45rem; border-radius: 999px; background: #f3f3f3; color: #555; font-size: 0.75rem; line-height: 1.4rem; vertical-align: middle; white-space: nowrap; }
.slick-sm-more a { color: #666; font-size: 0.875rem; font-style: italic; }

/* Departments: cards, 2 per row on desktop */
.slick-sm-depts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2.5rem; }
.slick-sm-dept { min-width: 0; }
.slick-sm-dept h3 { padding-bottom: 0.3rem; border-bottom: 2px solid #ffd814; }
.slick-sm-tree > li { margin: 0 0 1rem; }
.slick-sm-tree > li > a { font-weight: 700; font-size: 1rem; }
.slick-sm-tree ul { margin: 0.2rem 0 0 1rem; border-left: 2px solid #eee; padding-left: 0.75rem; }
.slick-sm-tree ul ul { margin-top: 0.1rem; border-left-color: #f3f3f3; font-size: 0.875rem; }
.slick-sm-tree ul ul li { padding: 0; }
.slick-sm-tree ul ul .slick-sm-n { font-size: 0.7rem; line-height: 1.25rem; }

/* Brands and vehicles: letter blocks flowing in columns */
.slick-sm-az { display: flex; flex-wrap: wrap; gap: 0.2rem; margin: 0 0 1rem; }
.slick-sm-az a { display: inline-block; min-width: 2rem; padding: 0.3rem 0.5rem; text-align: center; border-radius: 4px; background: #f3f3f3; font-weight: 700; font-size: 0.9rem; }
.slick-sm-az a:hover { background: #111; color: #ffd814; text-decoration: none; }
.slick-sm-letters { column-width: 17rem; column-gap: 2rem; }
.slick-sm-letter { break-inside: avoid; margin: 0 0 1.25rem; }
.slick-sm-letter h3 { font-size: 1rem; padding: 0.1rem 0.5rem; display: inline-block; background: #111; color: #ffd814; border-radius: 4px; }
.slick-sm-letter li { font-size: 0.9rem; }

/* Guides and pages */
.slick-sm-posts time { color: #777; font-size: 0.85rem; margin-left: 0.4rem; }
.slick-sm-pages { column-width: 16rem; column-gap: 2rem; }
.slick-sm-pages li { break-inside: avoid; }

@media (max-width: 767px) {
	.slick-sm-depts { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
	.slick-sm-section > h2 { font-size: 1.3rem; }
	.slick-sm-tree ul { margin-left: 0.5rem; padding-left: 0.6rem; }
	.slick-sm-letters,
	.slick-sm-pages { column-width: 11rem; column-gap: 1.25rem; }
}