/* Diagnostic table for urban planning post */

.diagnosis-table {
  margin: 1.8rem 0 2.4rem 0;
  overflow-x: auto;
}

.diagnosis-table table {
  width: 100%;
  min-width: 1050px;
  border-collapse: separate;
  border-spacing: 0;
  background: #f0eee6;
  border: 1px solid #d8d5cc;
  border-radius: 10px;
  overflow: hidden;
  font-size: 0.95rem;
  line-height: 1.55;
  box-shadow: 0 2px 10px rgba(40, 40, 40, 0.06);
}

/* Header */
.diagnosis-table thead th {
  background: #5f5f5d;
  color: #f5f3ec;
  font-weight: 600;
  text-align: left;
  padding: 1rem 1.05rem;
  border-bottom: 1px solid #555;
}

/* Body cells */
.diagnosis-table tbody td {
  padding: 1rem 1.05rem;
  vertical-align: top;
  border-bottom: 1px solid #d8d5cc;
  color: #30363d;
}

/* Alternating rows */
.diagnosis-table tbody tr:nth-child(odd) {
  background: #f5f3ec;
}

.diagnosis-table tbody tr:nth-child(even) {
  background: #ebe8df;
}

.diagnosis-table tbody tr:hover {
  background: #e3e0d7;
}

/* Column borders */
.diagnosis-table tbody td:not(:last-child),
.diagnosis-table thead th:not(:last-child) {
  border-right: 1px solid #d8d5cc;
}

/* Column widths */
.diagnosis-table td:first-child,
.diagnosis-table th:first-child {
  width: 23%;
}

.diagnosis-table td:nth-child(2),
.diagnosis-table th:nth-child(2) {
  width: 37%;
}

.diagnosis-table td:nth-child(3),
.diagnosis-table th:nth-child(3) {
  width: 40%;
}

/* Popular complaint column */
.diagnosis-table td:first-child {
  font-weight: 600;
  color: #2f343a;
}

/* Technical terms: bold, but NOT blue */
.diagnosis-table strong {
  color: #30363d;
  font-weight: 700;
}

/* Remove blue if any link style leaks into the table */
.diagnosis-table a {
  color: #30363d;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Rounded corners */
.diagnosis-table thead th:first-child {
  border-top-left-radius: 10px;
}

.diagnosis-table thead th:last-child {
  border-top-right-radius: 10px;
}

/* Mobile readability */
@media (max-width: 768px) {
  .diagnosis-table table {
    min-width: 980px;
    font-size: 0.9rem;
  }

  .diagnosis-table tbody td,
  .diagnosis-table thead th {
    padding: 0.85rem;
  }
}