/* The footer SITEMAP — link columns under small-caps headings. Columns flow as
 * a wrapping row; a `groups` column stacks several and wraps as one unit. */

/* A sitemap link speaks the NAV register: the four nav dials, read here as every chrome
 * affordance in that voice reads them from its own sheet. */
.sk-el-sitemap-link {
  font-size: var(--sk-text-nav-size);
  font-weight: var(--kit-weight-nav);
  letter-spacing: calc(var(--kit-track-nav) * 1em);
  text-transform: var(--kit-caps-nav);
}
.sk-el-sitemap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  /* Breathing is the air-sitemap DIAL PAIR (resolved in the token
   * block): wrap rows at -y, columns at -x. */
  gap: var(--sk-sitemap-gap-y) var(--sk-sitemap-gap-x);
}
.sk-el-sitemap-col {
  display: flex;
  flex-direction: column;
  gap: var(--sk-sitemap-gap-y);
  min-width: 10ch;
}
.sk-el-sitemap-group {
  display: flex;
  flex-direction: column;
  gap: var(--kit-space-2);
}
.sk-el-sitemap-head {
  font-size: var(--sk-text-detail-size);
  font-weight: var(--kit-weight-eyebrow);
  letter-spacing: calc(var(--kit-track-eyebrow) * 1em);
  text-transform: uppercase;
  color: var(--sk-ink-muted);
  text-decoration: none;
}
a.sk-el-sitemap-head:hover {
  color: var(--sk-ink);
}
.sk-el-sitemap-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--kit-space-1);
}
.sk-el-sitemap-link {
  text-decoration: none;
  color: var(--sk-ink-muted);
  transition: color 140ms ease;
}
.sk-el-sitemap-link:hover {
  color: var(--sk-ink);
}