/* =============================================================================
   POLICY PAGES (Privacy Policy, Cookie Policy)
   ============================================================================= */

.policy-section {
  padding-top: 80px;
  padding-bottom: 100px;
}

/* Headings */
.policy-section h2 {
  margin-top: 60px;
  margin-bottom: 16px;
}

.policy-section h3 {
  margin-top: 36px;
  margin-bottom: 12px;
}

.policy-section strong {
  color: var(--brown);
}

/* Lists */
.policy-section ul,
.policy-section ol {
  margin: 0 0 16px 24px;
}

.policy-section li {
  margin-bottom: 8px;
  color: var(--text);
}

/* Nested lists */
.policy-section ul ul,
.policy-section ol ol {
  margin-top: 8px;
  margin-bottom: 0;
}

/* Table of contents */
.policy__toc {
  background-color: var(--cream);
  border: 1px solid var(--bone);
  border-radius: 8px;
  padding: 28px 32px;
  margin-bottom: 48px;
}

.policy__toc h2 {
  margin-top: 0;
  margin-bottom: 16px;
}

.policy__toc ol {
  margin: 0 0 0 20px;
}

.policy__toc li {
  margin-bottom: 6px;
}

/* Table */
.policy-section table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0 32px;
  font-size: 0.9em;
}

.policy-section th,
.policy-section td {
  padding: 10px 14px;
  text-align: left;
  border: 1px solid var(--bone);
  vertical-align: top;
}

.policy-section th {
  background-color: var(--cream);
  color: var(--brown);
  font-weight: 700;
}

.policy-section tbody tr:nth-child(even) {
  background-color: var(--warm-white);
}

/* Section separators */
.policy-section h2:not(:first-child) {
  padding-top: 40px;
  border-top: 1px solid var(--bone);
}