/* MCP 서버 테이블 */
.server-table {
  width: 90%;           /* 테이블 전체 넓이 조정 (화면 대부분) */
  max-width: 1200px;    /* 너무 커지지 않게 최대값 설정 */
  margin: 20px auto;    /* 중앙 정렬 */
  border-collapse: collapse;
}

.server-table th, .server-table td {
  border: 1px solid #ddd;
  padding: 12px 16px;   /* 패딩 넉넉히 */
  text-align: left;
}

.server-table th {
  background-color: #25428e;
  font-size: 1.1em;
}

.server-table td a {
  color: #0073e6;
  text-decoration: none;
}

.server-table td a:hover {
  text-decoration: underline;
}

.server-card {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  background-color: #87a4c1;
}

.card-row {
  display: flex;
  border-bottom: 1px solid #ddd;
}

.card-row:last-child {
  border-bottom: none;
}

.card-header {
  flex: 0 0 180px;           /* 왼쪽 칸 너비 */
  background-color: #25428e; /* 기존 th 색상 유지 */
  color: #fff;
  font-weight: bold;
  padding: 12px;
}

.card-content {
  flex: 1;
  padding: 12px;
  line-height: 1.5;
}

.card-content a {
  color: #0073e6;             /* 기존 링크 색상 */
  text-decoration: none;
}

.card-content a:hover {
  text-decoration: underline;
}