/* サイトマップ（page-sitemap.php）— 種類ごとに左に番号・名称・件数、右にリンク
   デザイン: clients/barrel-polish/design/2026-10-06_renewal/build_a_sub6.py sitemap_page() */

.rn-sm__group { display: flex; gap: 64px; padding: 30px 0; border-top: 1px solid var(--rn-ink); }
.rn-sm__group:last-child { border-bottom: 1px solid var(--rn-ink); }
.rn-sm__side { width: 240px; flex-shrink: 0; }
.rn-sm__en { font-size: 11px; color: rgba(17, 18, 20, 0.6); }
.rn-sm__title { margin-top: 6px; font-size: 24px; line-height: 1.4; color: var(--rn-ink); }
/* 件数は h2 の中のまま（本番の h2 と同じ文字列）、見た目だけ下の行に */
.rn-sm__count { display: block; margin-top: 4px; font-family: var(--rn-font-en); font-size: 22px; font-weight: 500; letter-spacing: 0; }
.rn-sm__main { flex: 1; min-width: 0; }

.rn-sm__list > li > a, .rn-sm__empty { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-top: 1px solid rgba(17, 18, 20, 0.12); font-size: 14px; line-height: 1.7; color: var(--rn-ink); }
.rn-sm__list > li:first-child > a, .rn-sm__empty { border-top: 0; }
.rn-sm__list > li > a:hover .rn-sm__text { text-decoration: underline; text-decoration-color: var(--rn-gold); text-underline-offset: 3px; }
.rn-sm__list .rn-mark { width: 8px; height: 8px; }
.rn-sm__date { flex-shrink: 0; font-size: 11.5px; color: rgba(17, 18, 20, 0.6); }
.rn-sm__text { min-width: 0; }
.rn-sm__empty { color: var(--rn-sub-light); }
.rn-sm__children { margin: 0 0 6px 20px; }
.rn-sm__children a { display: block; padding: 4px 0; font-size: 13.5px; color: var(--rn-sub-light); }
.rn-sm__children a::before { content: "— "; color: rgba(17, 18, 20, 0.35); }
.rn-sm__more { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 13.5px; font-weight: 700; color: var(--rn-ink); }
.rn-sm__more .rn-arrow { width: 14px; height: 14px; }

@media (max-width: 900px) {
  .rn-sm__group { flex-direction: column; gap: 14px; padding: 26px 0; }
  .rn-sm__side { width: auto; }
  .rn-sm__title { font-size: 21px; }
  .rn-sm__count { display: inline; margin: 0 0 0 10px; font-size: 18px; }
  .rn-sm__list > li > a { align-items: flex-start; }
  .rn-sm__list .rn-mark { margin-top: 8px; }
  .rn-sm__date { padding-top: 1px; }
}