/* ============================================================
   IPSO-LAB PAGE — page-specific styles
   All values reference tokens from tokens.css.
   ============================================================ */


/* ── Enhanced specs table ─────────────────────────────────────── */

#specs .specs-table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

#specs .specs-table thead th {
  background: var(--bg-deep);
  color: var(--text-on-deep);
  padding: var(--sp-4) var(--sp-6);
  font-size: var(--text-sm);
  font-weight: var(--fw-semi);
  letter-spacing: 0.05em;
  text-align: left;
  border: none;
}

#specs .specs-table tbody tr:nth-child(odd)  td { background: #fff; }
#specs .specs-table tbody tr:nth-child(even) td { background: var(--blue-50); }
#specs .specs-table tbody tr:hover           td { background: var(--blue-100); }

#specs .specs-table td {
  padding: var(--sp-3) var(--sp-6);
  font-size: var(--text-sm);
  color: var(--text-body);
  border-bottom: 1px solid var(--color-border);
  transition: background var(--transition-fast);
}

#specs .specs-table td:first-child {
  font-weight: var(--fw-semi);
  color: var(--text-heading);
  width: 38%;
}

#specs .specs-table tbody tr:last-child td { border-bottom: none; }

.footer-card { background-color: var(--blue-100); }
.footer-card__col--right { background-color: var(--blue-50); }