/* サイトマップ専用スタイル */

.page-sitemap {
  background: #fff;
}

.sitemap-header {
  margin-bottom: 32px;
}

.sitemap-title {
  font-size: clamp(24px, 3.4vw, 30px);
  font-weight: 700;
  letter-spacing: .05em;
  margin-bottom: 10px;
}

.sitemap-lead {
  color: var(--muted);
}

/* --- GRID LAYOUT --- */
.sitemap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 32px 24px;
}

/* --- 各グループ --- */
.sitemap-group-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--brand-blue-dark);
  border-left: 4px solid var(--brand-blue);
  padding-left: 8px;
}

/* --- ULのデザイン --- */
.sitemap-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sitemap-group li + li {
  margin-top: 6px;
}

.sitemap-group a {
  text-decoration: none;
  color: var(--text);
  display: inline-block;
  padding: 2px 0;
  transition: color .15s ease, transform .15s ease;
}

.sitemap-group a:hover {
  color: var(--brand-blue-dark);
  transform: translateX(3px);
}

/* スマホ調整 */
@media (max-width: 600px) {
  .sitemap-grid {
    gap: 24px;
  }
}