/* Sitemap page: reuses the blog article layout (blog-article.css). */

.article__body section { scroll-margin-top: 160px; }
.article__body li a {
  color: var(--navy);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  transition: color var(--t-fast) var(--ease), text-decoration-color var(--t-fast) var(--ease);
}
.article__body li a:hover { color: var(--teal); text-decoration-color: currentColor; }

/* Long lists (Projects, Areas We Serve) run in 2 columns so the page stays short; 1 column on phones. */
:is(#sm-projects, #sm-areas) ul {
  display: block;
  columns: 2;
  column-gap: 48px;
}
:is(#sm-projects, #sm-areas) li {
  break-inside: avoid;
  margin-bottom: 16px;
}
@media (max-width: 639px) {
  :is(#sm-projects, #sm-areas) ul { columns: 1; }
  :is(#sm-projects, #sm-areas) li { margin-bottom: 12px; }
}