/* admission-mobile.css — 메인 #types(전형 카드) 섹션 모바일 전용 재설계(개발 가이드라인 100% 반영).
   .m-adm-section(=#types, 모바일)만 렌더되므로 @media(≤767)로 감싸 데스크톱엔 무영향.
   데스크톱 #types는 기존 .at-* 구조 유지(admissionTypes.js). */
@media (max-width:767px){
  .m-adm-section{
    --adm-bg:#041633; --adm-bg-deep:#020c1f;
    --adm-card:rgba(7,27,63,.82); --adm-card-strong:rgba(9,35,82,.92);
    --adm-line:rgba(110,176,255,.26); --adm-line-strong:rgba(57,217,255,.66);
    --adm-text:#fff; --adm-text-sub:rgba(255,255,255,.74); --adm-text-muted:rgba(255,255,255,.54);
    --adm-cyan:#39d9ff; --adm-blue:#256dff; --adm-blue-2:#2f86ff; --adm-teal:#2ee6d6; --adm-purple:#7c5cff;
    --adm-radius-xl:28px; --adm-radius-lg:22px; --adm-radius-md:16px;
    --adm-shadow-card:0 18px 46px rgba(0,0,0,.28); --adm-shadow-glow:0 0 28px rgba(57,217,255,.18);
    color:var(--adm-text);
    padding:0 0 6px;
    /* 배경 이미지(전형안내): 상단 에너지 글로우 시안(모바일_1) + 가독성용 어두운 오버레이 */
    background:
      linear-gradient(180deg,rgba(4,18,45,.48),rgba(2,10,26,.72)),
      url('../img/bg/sec-types-mob.webp') center top/cover no-repeat,
      linear-gradient(180deg,var(--adm-bg) 0%,var(--adm-bg-deep) 100%);
  }
  .m-adm-section *{box-sizing:border-box}

  /* ── Hero(아이브로+타이틀) — 콤팩트(한 카드섹션에 담기 위해 축소) ── */
  .m-admission-hero{padding:8px 20px 2px}
  .m-eyebrow{margin:7px 0 10px;color:var(--adm-cyan);font-size:12.5px;font-weight:900;letter-spacing:.22em}
  .m-admission-hero h1{margin:0 0 12px;font-size:clamp(24px,6.6vw,32px);line-height:1.1;letter-spacing:-.05em;color:#fff;word-break:keep-all}

  /* ── 콘텐츠 래퍼 ── */
  /* ⚠️ minmax(0,1fr): 그리드 auto 컬럼이 캐러셀 트랙의 내재 너비(3장 합)로 팽창→우측 잘림을 막음(필수) */
  .m-admission-content{padding:8px 20px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}

  /* ── 전형 카드 캐러셀(수시/정시 넘김) ── */
  .m-type-carousel{position:relative;min-width:0;margin-bottom:25px}
  .m-type-track{min-width:0;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-x;
    scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
  .m-type-track::-webkit-scrollbar{display:none}
  .m-type-track>.m-type-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .m-type-dots{display:flex;justify-content:center;gap:7px;margin-top:5px}
  .m-type-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.28);cursor:pointer;transition:.2s}
  .m-type-dot.is-on{width:20px;border-radius:4px;background:var(--adm-cyan)}

  /* ── 전형 카드(캐러셀 1장) — 세로 압축 + 플렉스 컬럼(메트릭 하단 고정) ── */
  /* display:flex column + metric margin-top:auto → 모든 카드의 통계가 카드 하단에 정렬(캐러셀 stretch로 생기던
     학생부종합 카드만의 하단 여백 불일치를 제거, 사용자 지적 반영). */
  .m-type-card{position:relative;overflow:hidden;border-radius:var(--adm-radius-lg);min-height:184px;
    display:flex;flex-direction:column;
    border:1px solid var(--adm-line);background:var(--adm-card);box-shadow:var(--adm-shadow-card)}
  .m-type-card__bg{position:absolute;inset:0;opacity:.72;
    background:linear-gradient(90deg,rgba(3,14,34,.94) 0%,rgba(3,14,34,.78) 55%,rgba(3,14,34,.32) 100%),
      var(--card-bg,linear-gradient(135deg,#0b2b5e,#0a1c40)) right center/cover no-repeat}
  .m-type-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18))}
  .m-type-card>*:not(.m-type-card__bg){position:relative;z-index:2}

  /* 헤더: 좌측 [전형명][배지][정원칩] 한 줄 · 우측 카운트(모집인원 위 / 90명 아래) */
  .m-type-card__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 18px 11px}
  .m-badge-row{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:7px}
  .m-type-name{margin:0;color:#fff;font-size:16px;line-height:1.2;letter-spacing:-.03em;font-weight:800;word-break:keep-all;overflow-wrap:break-word}
  .m-type-badge{flex:0 0 auto;display:inline-flex;min-height:23px;align-items:center;padding:0 10px;border-radius:8px;color:#fff;
    background:linear-gradient(135deg,var(--adm-blue-2),var(--adm-blue));font-size:12px;font-weight:800}
  .m-small-pill{flex:0 0 auto;display:inline-flex;min-height:22px;align-items:center;padding:0 9px;border-radius:999px;
    color:rgba(255,255,255,.84);border:1px solid rgba(120,190,255,.3);background:rgba(255,255,255,.04);font-size:11px;font-weight:700}
  .m-count{display:grid;justify-items:end;gap:1px;text-align:right;white-space:nowrap}
  .m-count em{color:var(--adm-text-muted);font-style:normal;font-size:11.5px;font-weight:700}
  .m-count__v{color:#fff;font-size:15px;font-weight:800;display:inline-flex;align-items:baseline;gap:2px}
  .m-count__v strong{color:var(--adm-cyan);font-size:32px;line-height:1;letter-spacing:-.06em}

  .m-divider{height:1px;margin:0 18px;background:linear-gradient(90deg,transparent,rgba(120,190,255,.34),transparent)}

  /* 전형 단계: 라벨(윗줄) → 단계 칩(아랫줄) 스택 — 모든 카드 동일 배치(사용자 지시) */
  .m-step-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 18px}
  .m-block-label{color:var(--adm-text-sub);font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
  .m-block-label::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--adm-cyan);box-shadow:0 0 10px rgba(57,217,255,.6)}
  .m-step-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
  .m-step-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 12px 0 4px;border-radius:999px;
    border:1px solid rgba(120,190,255,.22);background:rgba(255,255,255,.05);color:rgba(255,255,255,.9);font-size:13px;font-weight:700}
  .m-step-chip b{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;color:#fff;font-size:11.5px;font-weight:900;
    background:linear-gradient(135deg,var(--adm-blue-2),var(--adm-blue))}
  .m-step-arrow{color:var(--adm-cyan);font-size:15px;font-weight:900}

  .m-metric-row{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;padding:9px 18px 12px;border-top:1px solid rgba(120,190,255,.14)}
  .m-metric{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}
  .m-metric+.m-metric{padding-left:20px;border-left:1px solid rgba(120,190,255,.14)}
  .m-metric__icon{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
    background:rgba(57,217,255,.12);border:1px solid rgba(57,217,255,.22);color:var(--adm-cyan)}
  .m-metric__icon svg{width:20px;height:20px}
  .m-metric>span:not(.m-metric__icon){color:var(--adm-text-sub);font-size:13.5px;font-weight:700}
  .m-metric strong{color:var(--adm-cyan);font-size:19px;line-height:1.2}

  /* ── 전형 일정 타임라인(압축) ── */
  .m-schedule-card{margin-bottom:10px;padding:11px 14px 12px;border-radius:var(--adm-radius-lg);border:1px solid var(--adm-line);
    background:linear-gradient(180deg,rgba(8,29,68,.86),rgba(6,22,52,.93)),url('../img/campus/aerial.webp') center/cover no-repeat;
    box-shadow:var(--adm-shadow-card)}
  .m-section-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}
  .m-section-title svg{width:20px;height:20px;color:var(--adm-cyan)}
  .m-section-title h2{margin:0;color:#fff;font-size:19px;line-height:1.2;letter-spacing:-.04em}
  .m-timeline{position:relative;list-style:none;margin:0;padding:0 0 0 24px;display:grid;gap:7px}
  .m-timeline::before{content:'';position:absolute;left:7px;top:11px;bottom:11px;width:3px;border-radius:999px;
    background:linear-gradient(180deg,var(--adm-blue),var(--adm-teal));box-shadow:0 0 18px rgba(57,217,255,.22)}
  .m-timeline li{position:relative;min-height:42px;display:grid;grid-template-columns:40px 1fr;align-items:center;
    gap:11px;padding:5px 12px 5px 7px;border-radius:12px;border:1px solid rgba(120,190,255,.18);background:rgba(255,255,255,.04)}
  .m-timeline__dot{position:absolute;left:-22px;top:50%;width:12px;height:12px;transform:translateY(-50%);border-radius:50%;
    background:#fff;border:3px solid var(--adm-blue-2);box-shadow:0 0 14px rgba(47,134,255,.44)}
  .m-timeline__no{width:40px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:16px;
    font-weight:900;background:linear-gradient(135deg,var(--adm-blue-2),var(--adm-blue))}
  .m-timeline__body{min-width:0;display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
  .m-timeline li.is-regular .m-timeline__dot{border-color:var(--adm-teal)}
  .m-timeline li.is-regular .m-timeline__no{background:linear-gradient(135deg,var(--adm-teal),#169aa5)}
  .m-timeline strong{color:#fff;font-size:14.5px;letter-spacing:-.02em;line-height:1.2;word-break:keep-all}
  .m-timeline em{color:var(--adm-cyan);font-style:normal;font-size:12.5px;font-weight:800;white-space:nowrap}

  /* ── 하단 액션: 원서접수·모집요강 가로 50%씩 한 줄(사용자 지시) ── */
  .m-adm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
  .m-apply-cta,.m-guide-link{width:auto;min-height:46px;border-radius:12px;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;
    text-decoration:none;white-space:nowrap;letter-spacing:-.02em}
  .m-apply-cta{color:#fff;font-weight:800;background:linear-gradient(135deg,#2d76ff,#16cfff);
    box-shadow:0 10px 22px rgba(37,109,255,.28),0 0 18px rgba(57,217,255,.18)}
  .m-apply-cta__icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.18)}
  .m-apply-cta__icon svg{width:16px;height:16px;color:#fff}
  .m-apply-cta strong{font-size:15px;font-weight:800}
  .m-apply-cta>svg{display:none}
  .m-guide-link{color:#dff2ff;border:1px solid var(--adm-line-strong);background:rgba(57,217,255,.06);font-size:14px;font-weight:800}
  .m-guide-link svg{width:16px;height:16px}
  .m-guide-link svg:last-child{display:none}

  /* ── 터치 반응 ── */
  .m-apply-cta:active,.m-guide-link:active{transform:scale(.985)}
}

/* ── 360px 이하 압축 ── */
@media (max-width:360px){
  .m-admission-hero,.m-admission-content{padding-inline:16px}
  .m-count strong{font-size:30px}
  .m-type-name{font-size:15px}
  .m-step-chip{font-size:12px}
  .m-timeline li{grid-template-columns:42px 1fr;gap:10px}
}

/* ── 모션 감소 대응 ── */
@media (prefers-reduced-motion:reduce){
  .m-apply-cta:active,.m-guide-link:active{transform:none}
}