/* ─── ナビゲーション ─── */
nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 1rem;
}
nav a {
  text-decoration: none;   /* 下線を消す */
}

/* ─── フラッシュメッセージ ─── */
/* .flash { color: red; } */

/* ─── 汎用ユーティリティ ─── */
.small { font-size: .875rem; }

/* ---- Onboarding steps ---- */
ol.steps{
  display:flex; gap:.5rem; margin:1rem 0; padding:0; list-style:none;
  justify-content:center;
}
ol.steps li{
  padding:.25rem .75rem; border-radius:9999px; background:#eee;
  font-size:.85rem;
}
ol.steps li.done   { background:#8bc34a; color:#fff; }
ol.steps li.current{ background:#2196f3; color:#fff; }

/* ---------- compare 画面専用 ---------- */
.mark.success { color:#1e90ff; font-weight:700; }   /* 収集成功＝青 */
.mark.fail    { color:#d10000; font-weight:700; }   /* 収集失敗＝赤 */

.totals { margin:1rem 0; font-size:.9rem; color:#555; }
.totals strong { font-size:1.1rem; }

/* compare 画面 – 新しい列用 */
.num { text-align:right; font-weight:600; }
.home-link { margin:0.4rem 0 1.2rem; }
.home-link a { color:#0066cc; text-decoration:none; }
.home-link a:hover { text-decoration:underline; }
.home-link a{
  font-size: .8rem;          /* ← ここで文字サイズを下げる */
  line-height: 1.3;
}

/* ── 入力欄を少し長く ──
   .form-control を使わない素の input だけ対象にすることで
   新規登録フォーム（Bootstrap 版）のレイアウトには影響しない。*/
form input[type="text"]:not(.form-control),
form input[type="url"]:not(.form-control),
form input[type="password"]:not(.form-control){
  width: 32rem;        /* 0000-0000-0000-0000 も収まる長さ */
  max-width:100%;      /* スマホでは画面幅にフィット */
}

.paper-table th.col-home, .paper-table td.col-home,
.paper-table th.col-data, .paper-table td.col-data {
  width: 40%;
  word-break: break-word;   /* 長い語も折り返す */
}

.paper-table td.col-home a { display: none; }

.paper-table th:nth-child(2),
.paper-table td:nth-child(2),
.paper-table th:nth-child(5),
.paper-table td:nth-child(5) {
  text-align: center;
}