/* The HTML sitemap (templates/pages/sitemap.html): one card per section, all at
   the same level, in the site's theme tokens (global.css) so it reads in both
   themes. Long sections (commands, blog) span the row and flow into columns. */

.sitemap-page .sm-wrap { width: min(1160px, calc(100% - 32px)); margin: 0 auto 56px; }

.sitemap-page .sm-total { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 18px; margin: 0 0 22px; color: var(--ic-muted); font-size: 15px; }
.sitemap-page .sm-total a { font-weight: 700; }
.sitemap-page .sm-total b { color: var(--ic-ink); }

.sitemap-page .sm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.sitemap-page .sm-section.wide { grid-column: 1 / -1; }

.sitemap-page .sm-section { background: var(--ic-card); color: var(--ic-text); border-radius: 18px; box-shadow: var(--ic-shadow-card); border-bottom: 5px solid var(--ic-accent-line); padding: 22px 24px 20px; min-width: 0; }
.sitemap-page .sm-section h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 20px; font-weight: 700; color: var(--ic-ink); text-transform: none; }
.sitemap-page .sm-section h3 { margin: 16px 0 6px; padding: 0; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ic-muted); text-align: left; }
.sitemap-page .sm-count { padding: 3px 9px; border-radius: 999px; background: var(--ic-accent-soft); color: var(--ic-accent-ink); font-size: 12.5px; font-weight: 700; box-shadow: inset 0 0 0 1px var(--ic-accent-line); }

.sitemap-page .sm-section ul { margin: 0; padding: 0; list-style: none; }
.sitemap-page .sm-section li { padding: 5px 0; border-bottom: 1px solid var(--ic-rule-2); font-size: 14.5px; line-height: 1.4; overflow-wrap: anywhere; break-inside: avoid; }
.sitemap-page .sm-section li:last-child { border-bottom: 0; }
.sitemap-page .sm-section ul.sm-cols { columns: 3 260px; column-gap: 28px; }
.sitemap-page .sm-section ul.sm-cols li:last-child { border-bottom: 1px solid var(--ic-rule-2); }

@media (max-width: 760px) {
	.sitemap-page .sm-grid { grid-template-columns: 1fr; }
	.sitemap-page .sm-section { padding: 18px 18px 16px; }
}