/* ============================================================
   components/area-links.css
   地域リンク一覧（都道府県/市区町村共通）
   archive-facility.php と template-area.php で共有
   ============================================================ */

.area-links {
  margin-top: var(--space-8);
}

.area-links__title {
  font-size: var(--font-xl);
  font-weight: 800;
  color: var(--text);
  border-left: 4px solid var(--primary);
  padding-left: var(--space-3);
  margin-bottom: var(--space-4);
}

.area-links__group {
  margin-bottom: var(--space-6);
}
.area-links__group:last-child {
  margin-bottom: 0;
}
.area-links__group-label {
  font-size: var(--font-sm);
  font-weight: 700;
  color: var(--primary);
  margin-bottom: var(--space-2);
  letter-spacing: 0.03em;
}

.area-links__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.area-link {
  display: inline-flex;
  align-items: baseline;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--primary);
  border-radius: var(--radius-pill);
  color: var(--primary);
  text-decoration: none;
  font-size: var(--font-sm);
  font-weight: 500;
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.area-link:hover {
  background: var(--primary);
  color: var(--text-on-primary);
}
.area-link__count {
  opacity: 0.8;
  margin-left: 2px;
}