/*
 * ホームの「やること」（public/index.html）。hub.css の box・tbl を使い、ここは並べ方だけ
 *   タスク 1 つが box 1 つ。見出し（何をするか・機能・件数）→ なぜ・どうするかの 1 文 → 先頭の数件（押すとその行の詳細へ）
 */
.home-task { margin: 0 0 16px; }
.home-task__hd { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.home-task__hd b { font-weight: 600; }
.home-task__hd .muted { font-weight: 400; font-size: 12.5px; }
.home-task__hint { margin: 0; padding: 10px 20px; border-bottom: 1px solid var(--border); font-size: 13px; }
.home-task__tbl { border: 0; border-radius: 0; }
.home-task__tbl td:first-child { padding-left: 20px; }
.home-task__tbl td:last-child { padding-right: 20px; }
.home-task__tbl tr[data-href] { cursor: pointer; }
.home-task__tbl tr[data-href]:hover td { background: var(--hover); }
.home-task__tbl td a { color: inherit; }
.home-task__yen { width: 110px; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.home-task__more { padding: 10px 20px; border-top: 1px solid var(--border); font-size: 13px; }
.home-task__more a { color: var(--muted); }
.home-task__more a:hover { color: var(--fg); }