/* ════════════════════════════════════════════════════════════
   BluCruise Design System — tables.css
   Shared table pattern. Previously styled inline on
   destination.html (transport) and cookies.html (storage keys).

   Requires: variables.css
════════════════════════════════════════════════════════════ */

.bc-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--br);
  border-radius: var(--rad-md);
  background: var(--white);
}

.bc-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  min-width: 480px;
}

.bc-table thead th {
  text-align: left;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--tx4);
  padding: 12px var(--sp-2);
  border-bottom: 1px solid var(--br);
  background: rgba(0, 0, 0, .015);
  white-space: nowrap;
}

.bc-table tbody td {
  padding: 13px var(--sp-2);
  border-bottom: 1px solid var(--br);
  color: var(--tx2);
  line-height: 1.5;
  vertical-align: top;
}

.bc-table tbody tr:last-child td { border-bottom: 0; }
.bc-table tbody tr:hover { background: rgba(0, 0, 0, .012); }

.bc-table td strong,
.bc-table__key { color: var(--navy); font-weight: 600; }

.bc-table code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
  background: rgba(0, 0, 0, .05);
  padding: 2px 6px;
  border-radius: var(--rad-sm);
  color: var(--navy);
}

.bc-table__num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bc-table__muted { color: var(--tx3); font-size: 13px; }

@media (max-width: 768px) {
  .bc-table { font-size: 13.5px; }
  .bc-table thead th,
  .bc-table tbody td { padding: 11px 12px; }
}