.site-policy-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 18px;
  color: #b9aa9b;
  font-size: .68rem;
}

.site-policy-links a,
.policy-inline-link {
  color: #d6a36e;
  text-decoration: underline;
  text-decoration-color: rgba(214, 163, 110, .5);
  text-underline-offset: 3px;
}

.site-policy-links a:hover,
.site-policy-links a:focus-visible,
.policy-inline-link:hover,
.policy-inline-link:focus-visible {
  color: #f4ede2;
  text-decoration-color: currentColor;
}

.policy-dialog {
  width: min(820px, calc(100% - 28px));
  max-height: calc(100dvh - 28px);
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  color: var(--white, #f4ede2);
  border: 1px solid rgba(224, 172, 114, .62);
  background: #24201b;
  box-shadow: 0 30px 100px rgba(0, 0, 0, .82);
}

.policy-dialog::backdrop {
  background: rgba(7, 6, 5, .86);
  backdrop-filter: blur(9px);
}

.policy-dialog-close {
  position: sticky;
  z-index: 3;
  float: right;
  top: 14px;
  margin: 14px 14px -58px 0;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(224, 172, 114, .55);
  border-radius: 50%;
  background: #1a1713;
  color: var(--white, #f4ede2);
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
}

.policy-dialog-close:hover,
.policy-dialog-close:focus-visible {
  color: var(--bronze2, #e0ac72);
  border-color: var(--bronze2, #e0ac72);
  outline: none;
}

.policy-copy {
  padding: clamp(34px, 6vw, 68px);
}

.policy-kicker {
  margin-right: 56px;
  color: var(--bronze2, #e0ac72);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.policy-copy h2 {
  margin: 9px 56px 10px 0;
  color: var(--white, #f4ede2);
  font-size: clamp(2.15rem, 5vw, 4.2rem);
  line-height: .9;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.policy-effective {
  margin: 0 0 30px;
  color: #a99c8f;
  font-size: .72rem;
}

.policy-summary {
  margin: 0 0 30px;
  padding: 16px 18px;
  border-left: 3px solid var(--bronze, #b97843);
  background: rgba(185, 120, 67, .1);
  color: #dfd3c5;
  line-height: 1.65;
}

.policy-section {
  padding: 21px 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.policy-section h3 {
  margin: 0 0 9px;
  color: var(--bronze2, #e0ac72);
  font-size: .83rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.policy-section p,
.policy-section li {
  color: #cbc0b4;
  font-size: .88rem;
  line-height: 1.68;
}

.policy-section p {
  margin: 0;
}

.policy-section p + p {
  margin-top: 12px;
}

.policy-section ul {
  margin: 10px 0 0;
  padding-left: 21px;
}

.policy-section a {
  color: var(--bronze2, #e0ac72);
}

.policy-note {
  margin-top: 26px;
  color: #958a7e;
  font-size: .68rem;
  line-height: 1.55;
}

.newsletter-policy-note {
  margin: 0 !important;
  color: #958a7e !important;
  font-size: .62rem !important;
  line-height: 1.5;
}

.newsletter-consent-details {
  display: block;
  margin-top: 5px;
  color: #a99c8f;
  font-size: .64rem;
  line-height: 1.5;
}

.newsletter-consent-details[hidden] {
  display: none;
}

@media (max-width: 650px) {
  .site-policy-links {
    justify-content: flex-start;
  }

  .policy-copy {
    padding: 31px 20px 38px;
  }

  .policy-copy h2 {
    font-size: 2.45rem;
  }
}


/* CMT. Everything above was written for the dark page this was forked from:
   a near-black panel, cream and grey type, a bronze close button on a dark
   disc. On CMT the panel is white, the type is ink, the headings and links
   are crimson, and the close button is an ink cross on a white disc with a
   visible edge. Later in the file than the rules it replaces, so no
   !important; the dark scheme below is its own. */
.policy-dialog {
  color: var(--cmt-ink, #222);
  border: 1px solid var(--cmt-line, #d3d8df);
  border-top: 4px solid var(--cmt-accent, #a81f33);
  border-radius: 6px;
  background: var(--cmt-surface, #fff);
  box-shadow: 0 30px 100px rgba(0, 0, 0, .35);
}
.policy-dialog::backdrop { background: rgba(16, 20, 26, .62); backdrop-filter: blur(4px); }
.policy-dialog-close {
  border: 2px solid var(--cmt-ink, #222);
  background: var(--cmt-surface, #fff);
  color: var(--cmt-ink, #222);
  font-size: 1.7rem;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}
.policy-dialog-close:hover,
.policy-dialog-close:focus-visible {
  color: var(--cmt-accent-ink, #fff);
  border-color: var(--cmt-accent, #a81f33);
  background: var(--cmt-accent, #a81f33);
  outline: none;
}
.policy-dialog-close:focus-visible { box-shadow: 0 0 0 3px rgba(168, 31, 51, .3); }
.policy-kicker { color: var(--cmt-accent, #a81f33); }
.policy-copy h2 {
  color: var(--cmt-ink, #222);
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  line-height: 1.1;
  letter-spacing: -.02em;
  text-transform: none;
}
.policy-effective { color: var(--cmt-muted, #49515b); font-size: .82rem; }
.policy-summary {
  border-left: 3px solid var(--cmt-accent, #a81f33);
  background: var(--cmt-accent-tint, #fbeef0);
  color: var(--cmt-ink, #222);
  font-size: 1rem;
}
.policy-section { border-top: 1px solid var(--cmt-line, #d3d8df); }
.policy-section h3 { color: var(--cmt-accent, #a81f33); font-size: .9rem; }
.policy-section p,
.policy-section li { color: var(--cmt-ink, #222); font-size: 1rem; line-height: 1.65; }
.policy-section a,
.policy-note a { color: var(--cmt-accent, #a81f33); font-weight: 700; text-decoration-color: rgba(168, 31, 51, .45); }
.policy-section a:hover,
.policy-section a:focus-visible { color: var(--cmt-ink, #222); text-decoration-color: currentColor; }
.policy-note { color: var(--cmt-muted, #49515b); }
.policy-note strong { color: var(--cmt-ink, #222); }
@media (prefers-color-scheme: dark) {
  .policy-dialog { color: #f1f2f4; border-color: #34363c; border-top-color: #f08a9a; background: #1c1d21; }
  .policy-dialog-close { border-color: #f1f2f4; background: #1c1d21; color: #f1f2f4; }
  .policy-dialog-close:hover, .policy-dialog-close:focus-visible { background: #f08a9a; border-color: #f08a9a; color: #1c1d21; }
  .policy-kicker, .policy-section h3, .policy-section a, .policy-note a { color: #f08a9a; }
  .policy-copy h2, .policy-summary, .policy-section p, .policy-section li, .policy-note strong { color: #f1f2f4; }
  .policy-effective, .policy-note { color: #b8bcc4; }
  .policy-summary { background: rgba(168, 31, 51, .16); border-left-color: #f08a9a; }
  .policy-section { border-top-color: #34363c; }
}