.column-category {
    margin-bottom: 96px;
}

.link-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(250px, 1fr));
    gap: 24px;
    padding: 0 24px;
}

/* ================= 記事・資料 ================= */
.page-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-list li {
    border-top: 1px solid #ddd;
}

.page-list li:last-child {
    border-bottom: 1px solid #ddd;
}

.page-list a {
    display: flex;

    justify-content: space-between;
    align-items: center;

    padding: 22px 12px;

    color: #222;
    text-decoration: none;

    transition:
        background 0.2s,
        padding-left 0.2s;
}

.page-list a:hover {
    background: var(--color-hover);
    padding-left: 20px;
}

.page-list time {
    flex-shrink: 0;
    margin-left: 24px;

    color: #888;
    font-size: 0.85rem;
}

/* 情報欄 */
.article-info {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 0 48px;
    padding: 14px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: var(--color-text-dark);
    font-size: 1rem;
}

.article-info-category,
.article-info-date {
    display: flex;
    align-items: center;
    gap: 8px;
}

.article-info-label {
    color: var(--color-text-little-dark);
    font-size: 0.7rem;
}

.article-info a {
    color: var(--color-text-dark);
    text-decoration: none;
}

.article-info a:hover {
    color: var(--color-primary);
}

.article-info-back {
    margin-left: auto;
}