/* main-debt-diagnosis.css
   메인 전용 나의 채무상황 진단 카드 */
.mdd-entry {
  margin: 16px 0 18px;
}

.mdd-entry-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 96px;
  padding: 18px 20px;
  box-sizing: border-box;
  color: #172033;
  text-decoration: none;
  background: linear-gradient(135deg, #f7fbff 0%, #edf6ff 100%);
  border: 1px solid #cfe3ff;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(38, 132, 255, 0.08);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mdd-entry-link:hover {
  border-color: #2684ff;
  box-shadow: 0 8px 22px rgba(38, 132, 255, 0.14);
  transform: translateY(-1px);
}

.mdd-entry-content {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.mdd-entry-badges {
  display: flex;
  gap: 6px;
  align-items: center;
}

.mdd-entry-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 0 8px;
  color: #1d4ed8;
  background: #e8f2ff;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.mdd-entry-title {
  display: block;
  font-size: 18px;
  line-height: 1.35;
  letter-spacing: -.35px;
}

.mdd-entry-description {
  color: #667085;
  font-size: 13px;
  line-height: 1.55;
}

.mdd-entry-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 0 15px;
  color: #fff;
  background: #2684ff;
  border-radius: 10px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
}

.mdd-entry-link:hover .mdd-entry-cta {
  background: #1d4ed8;
}

@media (max-width: 680px) {
  .mdd-entry {
    margin: 12px 0 16px;
  }

  .mdd-entry-link {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }

  .mdd-entry-title {
    font-size: 16px;
  }

  .mdd-entry-description {
    font-size: 12px;
  }

  .mdd-entry-cta {
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  }
}

/* 메인 상중하 1행 3열 확인 카드 */
.main-check-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:14px 0 18px;
}
.main-check-card {
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr auto;
  min-width:0;
  min-height:220px;
  overflow:hidden;
  color:#172033;
  text-decoration:none;
  background:#fff;
  border:1px solid #dbe5f3;
  border-radius:15px;
  box-shadow:0 4px 14px rgba(15,23,42,.05);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.main-check-card:hover {
  border-color:#93c5fd;
  box-shadow:0 8px 22px rgba(38,132,255,.12);
  transform:translateY(-1px);
}
.main-check-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:50px;
  padding:14px 16px 8px;
}
.main-check-kickers { display:flex; flex-wrap:wrap; gap:6px; }
.main-check-kicker {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  color:#1d4ed8;
  font-size:11px;
  font-weight:800;
  background:#e8f2ff;
  border-radius:999px;
}
.main-check-kicker--repay {
  color:#7c3aed;
  background:#f3efff;
}
.main-check-bubble {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 9px;
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  border-radius:9px;
}
.main-check-bubble--recommend { background:#2684ff; }
.main-check-bubble--popular { background:#f97316; }
.main-check-middle {
  display:flex;
  align-items:center;
  min-width:0;
  padding:8px 16px 16px;
}
.main-check-middle--diagnosis { gap:14px; }
.main-check-copy { display:grid; gap:7px; min-width:0; }
.main-check-copy strong { color:#111827; font-size:15px; line-height:1.45; }
.main-check-copy > span { color:#64748b; font-size:11px; line-height:1.55; }
.main-check-chart {
  --rate:80%;
  flex:0 0 74px;
  display:grid;
  width:74px;
  height:74px;
  place-items:center;
  background:conic-gradient(#ef4444 0 var(--rate),#fee2e2 var(--rate) 100%);
  border-radius:50%;
}
.main-check-chart::before {
  content:"";
  grid-area:1/1;
  width:54px;
  height:54px;
  background:#fff;
  border-radius:50%;
}
.main-check-chart-inner {
  grid-area:1/1;
  z-index:1;
  color:#ef4444;
  font-size:15px;
  font-weight:900;
}
.main-check-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:48px;
  padding:0 16px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  background:#2684ff;
}
.main-check-card:hover .main-check-cta { background:#1d4ed8; }
.main-check-cta > span { font-size:20px; line-height:1; }
@media(max-width:900px) {
  .main-check-grid { grid-template-columns:1fr; }
  .main-check-card { min-height:0; }
}
@media(max-width:480px) {
  .main-check-top { padding:12px 14px 7px; }
  .main-check-middle { padding:8px 14px 14px; }
  .main-check-middle--diagnosis { gap:12px; }
  .main-check-chart { flex-basis:66px; width:66px; height:66px; }
  .main-check-chart::before { width:48px; height:48px; }
  .main-check-chart-inner { font-size:14px; }
  .main-check-copy strong { font-size:14px; }
  .main-check-copy > span { font-size:11px; }
  .main-check-cta { min-height:46px; padding:0 14px; }
}


/* 채무진단 필수 배지 + 설명 1줄 */
.main-check-bubble--required {
  background:#ef4444;
}
.main-check-description-one-line {
  display:block;
  overflow:hidden;
  max-width:100%;
  white-space:nowrap;
  text-overflow:ellipsis;
}
@media(max-width:480px) {
  .main-check-description-one-line {
    font-size:10px !important;
    letter-spacing:-.35px;
  }
}