/*
 * page-admission-recommendation.css — 推薦入試 ページ固有調整 (最小)
 * 共通パーツ:
 *   - ABOUT     → c-text-card
 *   - TARGET    → c-check-item + 要件リスト (page専用: チェック行)
 *   - SCHEDULE  → c-def-row --card --sm
 *   - FLOW      → c-step-row
 * ここでは TARGET の要件リスト (チェック行) のみ残す。
 */

/* TARGET: 対象者 3カード (要件リスト付き・ページ専用) */
.page-admission-recommendation__target-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}
.page-admission-recommendation__target-item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--ytc-border-strong, #39364e);
    border-radius: 10px;
    box-sizing: border-box;
}
.page-admission-recommendation__target-name {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--ytc-bg-brand, #439fff);
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 20px;
    color: var(--ytc-text-primary, #000);
    text-align: center;
}
.page-admission-recommendation__target-desc {
    margin: 0;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 400;
    font-size: 13px;
    line-height: 1.8;
    color: var(--ytc-text-secondary, #787878);
    text-align: center;
}
.page-admission-recommendation__target-reqs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-admission-recommendation__target-reqs li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: var(--ytc-text-primary, #000);
}
.page-admission-recommendation__target-reqs img {
    flex-shrink: 0;
    margin-top: 2px;
}

/* 補足テキスト — 2026-10-13 佐藤様指摘: センタリング */
.page-admission-recommendation__schedule-notes {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    text-align: center;
}
.page-admission-recommendation__schedule-notes li {
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 400;
    font-size: 13px;
    color: var(--ytc-text-secondary, #787878);
    line-height: 1.6;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .page-admission-recommendation__target-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* 2026-10-19 Figma 準拠 (PC): SCHEDULE 日程リスト (Definition Row / PC)
   推薦・一般・企業推薦の 3 ページ共通 (.page-admission-recommendation__schedule)
   - 外側の余白なし・4 列・列間 30px + 1px 区切り線
   - ピル: 高さ 28px・濃紺 1px 枠・16px/700、値: 16px/400、ピルと値の間 15px */
@media screen and (min-width: 769px) {
    .page-admission-recommendation__schedule .c-def-row.c-def-row {
        padding: 0;
    }
    .page-admission-recommendation__schedule .c-def-row__cell.c-def-row__cell {
        gap: 15px;
        padding: 0 23px;
    }
    .page-admission-recommendation__schedule .c-def-row__pill.c-def-row__pill {
        padding: 0 14px;
        border: 1px solid var(--ytc-border-strong, #39364e);
        font-size: 16px;
        line-height: 26px;
    }
    .page-admission-recommendation__schedule .c-def-row__value.c-def-row__value {
        font-size: 16px;
        line-height: 26px;
    }
    .page-admission-recommendation__schedule-notes {
        align-items: center; /* 各行が左に寄っていたので中央へ */
        margin-top: -6px;    /* 本文 gap 36px → デザインの 30px に合わせる */
        gap: 0;
    }
    .page-admission-recommendation__schedule-notes li {
        font-size: 14px;
        line-height: 25px;
        color: var(--ytc-text-primary, #000);
    }
}

/* 2026-10-19 Figma 準拠 (PC): 対象者カード — pad20・見出し下は細いグレー線 */
@media screen and (min-width: 769px) {
    .page-admission-recommendation__target-item {
        gap: 15px;
        padding: 20px;
    }
    .page-admission-recommendation__target-name {
        padding-bottom: 15px;
        border-bottom: 1px solid #d9d9d9;
        line-height: 32px;
    }
}

/* ---------------------------------------------------------------------------
 * [layout-restore] 2026-10-19 対象者カードを Figma「Check Item / PC 要件付き」の構造に寄せる
 *   PC: 緑チェック (24px・中央) → 見出し「方式名：説明」20px/700/32 左揃え → グレー 1px 線 → 要件 14px/21 (アイコンなし)
 *   SP: 見出しカード (チェック左 + 見出し 18px/700/29) と 要件ボックス (14px/25) の 2 箱、間 10px
 *   PHP は name/desc を 1 つの <p> (__target-head) に包んだだけ。文言・件数は不変、「：」は CSS の区切り
 * ------------------------------------------------------------------------- */
.page-admission-recommendation__target-head {
    margin: 0;
    font-family: var(--ytc-font-jp, "Noto Sans JP", sans-serif);
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: var(--ytc-text-primary, #000);
    text-align: left;
}
.page-admission-recommendation__target-head::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 14px;
    background: url("images/figma-20261002/parts-check-circle.svg") center / 24px 24px no-repeat;
}
.page-admission-recommendation__target-item .page-admission-recommendation__target-name.page-admission-recommendation__target-name,
.page-admission-recommendation__target-item .page-admission-recommendation__target-desc.page-admission-recommendation__target-desc {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
}
.page-admission-recommendation__target-item .page-admission-recommendation__target-name::after { content: "："; }
.page-admission-recommendation__target-item .page-admission-recommendation__target-reqs {
    gap: 0;
}
.page-admission-recommendation__target-item .page-admission-recommendation__target-reqs li {
    display: block;
    font-size: 14px;
    line-height: 21px;
}
.page-admission-recommendation__target-item .page-admission-recommendation__target-reqs img { display: none; }
@media screen and (min-width: 769px) {
    .page-admission-recommendation__target-item.page-admission-recommendation__target-item {
        gap: 15px;
        padding: 20px;
    }
    .page-admission-recommendation__target-head {
        padding-bottom: 11px;
        border-bottom: 1px solid #e5e5e5;
    }
}
@media screen and (max-width: 768px) {
    .page-admission-recommendation__target-grid.page-admission-recommendation__target-grid { gap: 20px; }
    .page-admission-recommendation__target-item.page-admission-recommendation__target-item {
        gap: 10px;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
    }
    .page-admission-recommendation__target-head,
    .page-admission-recommendation__target-item .page-admission-recommendation__target-reqs {
        background: #fff;
        border: 1px solid var(--ytc-border-strong, #39364e);
        border-radius: 5px;
    }
    .page-admission-recommendation__target-head {
        position: relative;
        padding: 14px 16px 14px 52px;
        font-size: 18px;
        line-height: 29px;
    }
    .page-admission-recommendation__target-head::before {
        position: absolute;
        left: 16px;
        top: 50%;
        margin: 0;
        transform: translateY(-50%);
    }
    .page-admission-recommendation__target-item .page-admission-recommendation__target-reqs { padding: 16px; }
    .page-admission-recommendation__target-item .page-admission-recommendation__target-reqs li { line-height: 25px; }
    /* SP の Figma は要件が箇条書き (・) */
    .page-admission-recommendation__target-item .page-admission-recommendation__target-reqs { padding: 16px 16px 16px 36px; list-style: disc; }
    .page-admission-recommendation__target-item .page-admission-recommendation__target-reqs li { display: list-item; }
}