[data-component="dpa"] {
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

[data-component="dpa"] h1 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--cos-text-primary, #f4f4f5);
  margin-bottom: 0.5rem;
  margin-top: 0;
}

[data-component="dpa"] .effective-date {
  font-size: 0.95rem;
  color: var(--cos-text-tertiary, #8b8b93);
  margin-bottom: 2rem;
}

[data-component="dpa"] h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--cos-text-primary, #f4f4f5);
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--cos-border, rgba(255, 255, 255, 0.06));
}

[data-component="dpa"] p,
[data-component="dpa"] li {
  color: var(--cos-text-secondary, #c4c4cc);
}

[data-component="dpa"] a {
  /* Was --cos-accent (accent-500 var(--cos-accent-500)): 4.21:1 on this surface, under the
     4.5 AA floor. --cos-text-link is accent-400, which measures 6.27:1. */
  color: var(--cos-text-link, #818cf8);
  text-decoration: underline;
}

[data-component="dpa"] code {
  font-family: var(--cos-font-mono, ui-monospace, monospace);
  font-size: 0.9em;
  background: var(--cos-surface-2, rgba(255, 255, 255, 0.04));
  padding: 0.15em 0.4em;
  border-radius: 4px;
}

[data-component="dpa"] ul {
  padding-left: 1.5rem;
  margin: 1rem 0;
}