/* 54号 学生向けセグメント上書き（55号で修正） */
/* 260915: メイントップの切り替えで出る写真に合わせる。
   あわせてアンチグレア（減光グラデーション）を外す（teacher は 260901 に除去済み）。 */
.refPage--student .refHero__bg {
    background: url("../img/student-classroom-real-01.jpg") center 30% / cover no-repeat; /* 261002 栗林さまご支給（現地の教室） */
}

.refPage--student .refTitle span {
    color: var(--white);
    background: #174f7a;
}

.refPage--student .refTitle h2 {
    color: #174f7a;
}

.detailPage--student {
    --detail-ink: #174f7a;
    --detail-rule: #bdd3e3;
    --detail-frame: #92b5cf;
    --detail-label-bg: #174f7a;
}

.studentVoiceCard .detailArchiveCard__link,
.studentVoiceCard .detailArchiveCard__fullLink {
    display: none;
}

.refVoice__year {
    display: block;
    min-height: 1em;
}

.refProgramCards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin: 32px auto;
    max-width: 1120px;
}

.refProgramCard {
    padding: 22px;
    border: 1px solid var(--border);
    background: var(--white);
}

.refProgramCard h4 {
    margin: 0 0 12px;
    color: #174f7a;
}

.detailFlowList {
    display: grid;
    gap: 14px;
    padding-left: 0;
    list-style: none;
}

.detailFlowList li {
    padding: 18px;
    border: 1px solid var(--detail-rule);
    background: #f5f9fc;
}

@media (max-width: 900px) {
    .refProgramCards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .refProgramCards {
        grid-template-columns: 1fr;
    }
}