:root {
  --wa-color-brand-05: #fffdf7;
  --wa-color-brand-10: #fff8ea;
  --wa-color-brand-20: #f9e2c9;
  --wa-color-brand-30: #f5c699;
  --wa-color-brand-40: #eea45d;
  --wa-color-brand-50: #e78834;
  --wa-color-brand-60: #dd6b20;
  --wa-color-brand-70: #bf5715;
  --wa-color-brand-80: #96440f;
  --wa-color-brand-90: #6e3009;
  --wa-color-brand-95: #4a1f05;
  --wa-color-brand-100: #2d1102;
  --wa-color-brand: var(--wa-color-brand-60);
  --wa-color-brand-fill-quiet: #fff8ea;
  --wa-color-brand-border-loud: #dd6b20;
  --wa-color-surface-default: #fffdf9;
  --wa-color-surface-lowered: #fff5e9;
  --wa-color-surface-raised: #ffffff;
  --wa-color-surface-border: #edd5b4;
  --wa-color-text-normal: #2f2313;
  --wa-color-text-quiet: #69553b;
  --wa-color-text-link: #dd6b20;
  --wa-color-shadow: rgba(113, 64, 22, 0.12);
}

.content-prose :where(table) {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid var(--wa-color-surface-border);
  border-radius: 1.5rem;
  background: var(--wa-color-surface-raised);
}

.content-prose table thead {
  background: #fff0df;
  color: #8a4d14;
}

.content-prose table thead th {
  color: #8a4d14 !important;
  font-weight: 700;
}