/* Cookie type table */
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cookie-table { width: 100%; border-collapse: collapse; margin: 16px 0 24px; font-size: 0.875rem; }
.cookie-table th { background: var(--navy); color: var(--white); text-align: left; padding: 10px 14px; font-weight: 600; font-size: 0.8125rem; }
.cookie-table th:first-child { border-radius: 6px 0 0 0; }
.cookie-table th:last-child { border-radius: 0 6px 0 0; }
.cookie-table td { padding: 10px 14px; border-bottom: 1px solid var(--border); vertical-align: top; }
.cookie-table tr:last-child td { border-bottom: none; }
.cookie-table tr:nth-child(even) td { background: #F9F9F7; }
.badge { display: inline-block; font-size: 0.6875rem; font-weight: 700; padding: 2px 8px; border-radius: 10px; }
.badge--essential  { background: #DCFCE7; color: #166534; }
.badge--analytics  { background: #DBEAFE; color: #1E40AF; }
.badge--functional { background: #FEF3C7; color: #92400E; }

/* Mobile table stacking */
@media (max-width: 600px) {
  .cookie-table thead { display: none; }
  .cookie-table tr { display: block; border-bottom: 1px solid var(--border); padding: 12px 0; }
  .cookie-table td {
    display: block;
    padding: 4px 0;
    border-bottom: none;
    font-size: 0.875rem;
  }
  .cookie-table td::before {
    content: attr(data-label);
    font-weight: 700;
    color: var(--navy);
    display: block;
    font-size: 0.75rem;
    margin-bottom: 2px;
  }
  .cookie-table tr:nth-child(even) td { background: transparent; }
}