/* ===================================
   research-nav スタイル
   =================================== */

/* テキスト */
.research-nav p.has-text-align-center.has-large-font-size {
    line-height: normal;
    width: 100%;
}

/* カラムのトランスフォーム・トランジション */
.research-nav .wp-block-column {
    transform: translateY(0);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* グループinner-containerのflex配置 */
.research-nav .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* カード内グループスタイル */
.research-nav .is-style-vk-group-shadow {
    background: white;
    border-radius: 20px;
    padding: 2rem 1.5rem;
    box-shadow: var(--shadow-card);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ホバー：カラムの浮き上がり */
.research-nav .wp-block-column:hover {
    transform: translateY(-8px);
}

/* ホバー：シャドウ強調 */
.research-nav .is-style-vk-group-shadow:hover {
    box-shadow: var(--shadow-card-hover);
}

/* 画像サイズ */
.research-nav .wp-block-image img {
    max-width: 120px;
    height: auto;
    margin: 0 auto;
    width: 100%;
}

/* ===================================
   SP調整
   =================================== */

@media (max-width: 781px) {
    /* カラム間のgap調整 */
    .wp-block-columns {
        --wp-column-gap: 1rem;
        gap: var(--wp-column-gap) !important;
    }
}

@media (max-width: 768px) {
    /* SP時はホバー無効 */
    .research-nav .wp-block-column:hover {
        transform: translateY(0) !important;
    }
}