/* --- 主要ツール / マップ・状況確認 のリストを2列表示 --- */
section > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0; /* li に境界線があるため、ここは 0 にするか好みで調整 */
}

/* li は左右に並んでも中の path が右側に来るように整える */
section > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px dashed #e5e7eb;
  gap: 12px;
}

/* リンクが長い場合の折り返し保護 */
section > ul > li .path {
  max-width: 45%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
  font-size: 12px;
  color: var(--sub);
}

/* 小さな画面では1列に戻す */
@media (max-width: 600px) {
  section > ul {
    grid-template-columns: 1fr;
  }
  section > ul > li .path {
    max-width: 100%;
    white-space: normal;
  }
}