/* /style/sitemap.css */ 

/* ============================================================
   HTML Sitemap — Warm Modern (UI v2, Phase 6)
   Tokens: headerStyle.php :root — no hex literals here.
   ============================================================ */

.sm-head {
	padding: var(--tch-space-2) 0 var(--tch-space-4);
}
.sm-head h1 { margin: 0; }

.Sitemap {
	padding-bottom: var(--tch-space-8);
}

.Sitemap h3 {
	font-family: var(--tch-font-display);
	font-weight: 500;
	font-size: var(--tch-text-lg);
	color: var(--tch-ink);
	margin: var(--tch-space-6) 0 var(--tch-space-3);
	padding-bottom: var(--tch-space-2);
	border-bottom: 1px solid var(--tch-line);
}

.Sitemap ul {
	margin: 0 0 var(--tch-space-5);
	padding: 0;
	columns: 4;
	column-gap: var(--tch-space-5);
}

.Sitemap ul li {
	list-style: none;
	position: relative;
	padding: 3px 0 3px 14px;
	break-inside: avoid;
	line-height: 1.5;
}

.Sitemap ul li::before {
	content: "\203A"; /* › */
	color: var(--tch-brand);
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 3px;
}

.Sitemap ul li a {
	color: var(--tch-ink-2);
	font-size: var(--tch-text-sm);
	text-decoration: none;
}
.Sitemap ul li a:hover {
	color: var(--tch-brand-dark);
}

@media (max-width: 1024px) {
	.Sitemap ul { columns: 3; }
}
@media (max-width: 767px) {
	.Sitemap ul { columns: 2; }
}
@media (max-width: 480px) {
	.Sitemap ul { columns: 1; }
}