section.policy {
  padding-top: calc(var(--header-height) + var(--section-padding))
}

section.policy section {
  margin-block: 1.5rem;
  padding-block: 0;
}

section.policy .content h1,
section.policy .content h2,
section.policy .content h3,
section.policy .content h4,
section.policy .content h5,
section.policy .content h6 {
  color: var(--color-white);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
section.policy .content h2 {
  font-size: var(--text-lg);
}
section.policy .content h3 {
  font-size: var(--text-20);
}
section.policy .content h3 {
  font-size: var(--text-md);
}

section.policy .content p {
  margin-bottom: 1.5rem;
  letter-spacing: 0.03em;
  font-size: var(--text-md);
}

section.policy .content a {
  color: var(--color-primary);
  text-decoration: underline;

  transition: 0.3s all;
}

@media (hover: hover) {
  section.policy .content a:hover {
    color: var(--hover-primary);
  }
}
section.policy .content a:active {
  color: var(--active-primary);
}

section.policy .content ul,
section.policy .content ol {
  list-style-type: disc;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

section.policy .content ul li,
section.policy .content ol li {
  margin-bottom: 0.5rem;
}

section.policy .content blockquote {
  padding: 1rem;
  border-left: 4px solid var(--color-primary);
  background-color: var(--bg-secondary);
  margin-bottom: 1.5rem;
}

section.policy .content img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

section.policy .content table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
}

section.policy .content iframe {
  width: 100%;
}

section.policy .content th,
section.policy .content td {
  padding: 0.75rem;
  border: 1px solid var(--color-gray);
}
section.policy .content img,
section.policy .content iframe,
section.policy .content table {
  max-width: 100%;
}