.path-link,
.pending {
    font-size: 18px;
}

.pending {
    line-height: 1.8;
}

.paragraph .gv-card__photo,
.paragraph .gv-profile__photo {
    width: auto;
    min-width: 0;
    margin-left: 0;
    box-shadow: none;
}

.paragraph .gv-card__photo {
    width: 100%;
}

/* 主な就職先：企業名を自然に折り返して並べる */
.employer-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.employer-list li {
    border: 1.5px solid #9cd3ee;
    border-radius: 6px;
    background: #ffffff;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
}

.employer-list .employer-list__break {
    display: none;
}

.employer-note {
    margin-top: 24px;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .employer-list li {
        font-size: 12px;
        padding: 6px 10px;
        white-space: normal;
    }
}

/* ===== 節のくくり =========================================================
   「大学院に進む人が多い理由」などの節ごとに、薄い青の箱でくくる。
   入試情報ページ・研究ページと同じ形。節の切れ目が余白しかなく、
   スマホでどこで話が変わるのか分かりにくかったため。
   ページ末尾の注記は囲まない。 */
.pathSection {
    padding: clamp(20px, 3vw, 32px) clamp(16px, 2.5vw, 28px);
    border-radius: 12px;
    background-color: #eef4fa;
}

.pathSection + .pathSection {
    margin-top: clamp(24px, 4vw, 40px);
}

@media (max-width: 767px) {
    .pathSection {
        padding: 20px 16px 24px;
    }
}