.policy-page {
  padding-block: clamp(56px, 7vw, 88px);
}

.policy-document {
  max-width: 900px;
}

.policy-intro {
  padding-block-end: 42px;
  border-block-end: 1px solid var(--line);
}

.policy-intro h1 {
  max-width: 820px;
  font-size: clamp(38px, 5vw, 62px);
}

.policy-meta {
  margin-block-start: 24px;
  color: var(--muted);
  font-size: 14px;
}

.policy-document section {
  padding-block: 36px;
  border-block-end: 1px solid var(--line);
}

.policy-document section h2 {
  font-size: clamp(26px, 3vw, 34px);
}

.policy-document section p,
.policy-document section li {
  max-width: 82ch;
}

.policy-document section li + li {
  margin-block-start: 8px;
}

.policy-document a {
  text-underline-offset: 4px;
}

.policy-document code {
  padding: 2px 5px;
  border-radius: 4px;
  background: var(--surface);
  font-size: .9em;
}

.policy-table-wrap {
  margin-block: 24px;
  overflow-x: auto;
}

.policy-document table {
  width: 100%;
  min-width: 700px;
  border-collapse: collapse;
  background: var(--surface);
}

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

.policy-document th {
  color: #fff;
  background: var(--blue-dark);
  font-size: 14px;
}

.policy-signature {
  margin-block-start: 32px;
  font-weight: 700;
}

.site-footer .legal a {
  width: fit-content;
  color: var(--blue);
  text-underline-offset: 4px;
}

@media (max-width: 960px) {
  .policy-navigation {
    position: static;
    display: flex;
    margin-inline-start: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }
}

@media (max-width: 560px) {
  .policy-page {
    padding-block: 42px;
  }

  .policy-document section {
    padding-block: 30px;
  }

  .policy-navigation a {
    padding-inline: 0;
    font-size: 13px;
  }
}