/* CSS Document */
/* ===== 다크모드 ===== */
.dark-mode select,.dark-mode input{ color:#000 !important; }
.dark-mode table{ background:#2c2c2c; color:#f0f0f0; }
.dark-mode th,.dark-mode td{ border-color:#444 !important; }

/* ===== experts 카드 ===== */
.exp-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
  transition: box-shadow .2s ease;
  overflow:hidden; /* ✅ 제목바가 카드 테두리/라운드에 딱 붙도록 */
}
.exp-card:hover{ box-shadow:0 10px 26px rgba(15,23,42,.12); }
.muted{ font-size:12px; color:#6b7280; }

.dark-mode .exp-card{ background:#2c2c2c !important; border-color:#444 !important; }
.dark-mode .muted{ color:#b7b7b7 !important; }
.dark-mode .bg-gray-100 { background-color:#1e1e1e !important;}
.exp-card img { transition: transform .2s ease; }
.exp-card:hover img { transform: scale(1.05); }

/* ✅ 카드 내부 제목바(스샷처럼) - 좌/우 테두리 이질감 제거 */
.card-head{
  padding:5px 12px;
  border-bottom:1px solid rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  gap:.5rem;
}
.dark-mode .card-head{ border-color:#444 !important; }