/* Cookie Policy — table and badge styles (layout from legal-document.css) */

.legal-document__body .cookie-table-card {
  margin-top: var(--sp-4);
  border: 1px solid var(--border-subtle);
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--bg-card);
}

.legal-document__body .cookie-table-card .table th {
  background: var(--bg-muted);
}

.legal-document__body .cookie-table-card .table tbody td {
  vertical-align: top;
}

.legal-document__body .cookie-table-card .table code {
  font-family: var(--font-mono);
  font-size: var(--fz-12);
  word-break: break-word;
}

.cookie-cat {
  display: inline-block;
  padding: 2px 8px;
  border-radius: var(--r-full);
  font-size: var(--fz-11);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}

.cookie-cat--essential {
  background: color-mix(in srgb, var(--color-success) 14%, transparent);
  color: var(--color-success);
}

.cookie-cat--functional {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
  color: var(--text-link);
}

.cookie-cat--analytics {
  background: color-mix(in srgb, var(--color-warning) 14%, transparent);
  color: var(--color-warning);
}

@media (max-width: 768px) {
  .legal-document__body .cookie-table-card .table tbody tr {
    padding: var(--sp-4);
  }

  .legal-document__body .cookie-table-card .table tbody td.cookie-row-name {
    display: block;
    padding: 0 0 var(--sp-2);
    margin-bottom: var(--sp-2);
    border-bottom: 1px solid var(--border-subtle);
    text-align: left;
  }

  .legal-document__body .cookie-table-card .table tbody td.cookie-row-name::before {
    display: none;
  }

  .legal-document__body .cookie-table-card .table tbody td.cookie-row-name code {
    font-size: var(--fz-14);
    font-weight: var(--fw-semibold);
    color: var(--text-1);
  }

  .legal-document__body .cookie-table-card .table tbody td[data-label="Purpose"] {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-1);
  }

  .legal-document__body .cookie-table-card .table tbody td[data-label="Purpose"]::before {
    margin-bottom: var(--sp-1);
  }
}