/* 全体レイアウト */
body {
    margin: 0;
    padding: 1rem;
    background: #fdfdfd;
    color: #111;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 "メイリオ", sans-serif;
    box-sizing: border-box;
}

.site-title {
    margin: 0 0 1rem 0;
    font-size: 1.4rem;
    font-weight: bold;
}

/* 一覧テーブル */
.article-table-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.article-table {
    width: 100%;
    border-collapse: collapse; /* 行間をCSS側で制御したいので collapse */
}

.article-table tr {
    border-bottom: 1px solid #ddd;
}

.article-table td {
    padding: 0; /* padding はリンク側でまとめて付ける */
}

/* 1行全体をタップ領域にする */
.article-link {
    display: block;              /* <td>全体がクリック領域になる */
    width: 100%;
    padding: 0.9rem 0.75rem;     /* 指で押しやすい高さ */
    text-decoration: none;
    color: #0066cc;
    font-size: 1rem;
}

/* ホバー・フォーカス時の視覚効果（PC用） */
.article-link:hover,
.article-link:focus {
    text-decoration: underline;
    background: #f0f6ff;
}