/* ===== ISA: 講座中 — 学べる講座カード（サイズは isa-steps と同一） ===== */
.isa-learn-cards{
    --isa-theme:#db6a76;        /* PHPが上書き */
    --text:#1f2937;
    color:var(--text);
    background:transparent;
    box-sizing:border-box;
    padding:10px 0 0;           /* isa-steps と同じ */
}
.isa-learn-cards__inner{
    max-width:1200px;
    margin:0 auto;
    margin-top: 55px;
}

/* セクション見出し（■ + テキスト） — isa-steps の見出しと同スケール */
.isa-learn-cards__heading{ display:flex; align-items:center; gap:3px; margin:0 0 10px; }
.isa-learn-cards__dot{ width:20px; height:20px; background:var(--isa-theme); display:inline-block; }
.isa-learn-cards__heading-text{ font-weight:700; font-size:24px; }

/* カード本体 — isa-steps__card と同じ寸法 */
.isa-learn-cards__card{
    display:grid;
    grid-template-columns: 331px 1fr;
    gap:26px;
    background:#fff;
    border:1px solid #c5c5c5;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    padding:18px;
    margin:22px 0;

}
.isa-learn-cards__card:last-child{ margin-bottom:0; }

/* 画像 — isa-steps と同じ */
.isa-learn-cards__img{
    display:block;
    width:100%;
    /* ★ ここを16:9に合わせる（推奨サイズ 1200x675 前提） */
    aspect-ratio: 16 / 9;
    height:auto;        /* height:100% は削除 */
    object-fit: contain;/* もしくは cover を外してしまう */
}

.isa-learn-cards__img.--placeholder{
    width:100%;
    aspect-ratio:16 / 9;
    background:#eee;
}
/* タイトル + テーマカラーの下線 — タイトルは isa-steps__title-text と同じ 22px/700 */
.isa-learn-cards__title{
    margin:15px 0 10px;         /* isa-steps__title と同じ余白 */
    font-weight:700;
    font-size:22px;
}
.isa-learn-cards__underline{
    height:4px;                 /* デザイン指示のライン */
    width:100%;
    background:var(--isa-theme);
    margin:6px 0 18px;          /* isa-steps の流れに近い間隔 */
}

/* 本文 — isa-steps__body と同じ */
.isa-learn-cards__body{ line-height:1.9; }
.isa-learn-cards__body p{ margin:0 0 12px; font-size:16px; }

/* レスポンシブ：縦積み — isa-steps と同じ */
@media (max-width:1024px){
    .isa-learn-cards__heading-text{ font-size: clamp(22px, 4.5vw, 48px); }
    .isa-learn-cards__card{ grid-template-columns:1fr; }
    .isa-learn-cards__img{ width:100%; height:auto; }

    .isa-learn-cards__card {
        gap: 0px;
    }
    .isa-learn-cards__inner {
        margin-top: 30px;
    }
    .isa-learn-cards__body p {
        line-height: 1.6;
    }
    .isa-learn-cards__inner {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 30px;
    }
    .isa-learn-cards__title {
        margin: 15px 0 10px;
        font-weight: 700;
        font-size: clamp(20px, 3.5vw, 51px);
    }
    .isa-learn-cards__body p {
        margin: 0 0 12px;
        font-size: clamp(16px, 3vw, 44px);
    }
}