.column-card {
    transition: all 0.3s ease;
}
.column-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(20, 83, 45, 0.1);
}
.column-card:hover img {
    transform: scale(1.05);
}

/* ページネーション用スタイル (columns.html とデザインを完全統一) */
.pagination-btn {
    width: 2.5rem; /* w-10 */
    height: 2.5rem; /* h-10 */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px; /* rounded-full */
    font-weight: 700; /* font-bold */
    transition-property: all;
    transition-duration: 200ms;
    border-width: 1px;
    border-color: #f0fdf4; /* border-green-100 */
    background-color: #ffffff;
    color: #14532d; /* text-green-900 */
}
.pagination-btn:hover:not(:disabled) {
    background-color: #f0fdf4; /* hover:bg-green-50 */
}
.pagination-btn.active {
    background-color: #16a34a; /* bg-green-600 */
    color: #ffffff; /* text-white */
    border-color: #16a34a; /* border-green-600 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
}
.pagination-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}