/* ============================================================
   The Money–Body Code — policy.css
   Privacy, terms and refund pages. On Shopify these were styled
   by Shopify's own injected CSS; here they get the brand type.
   Markup: .shopify-policy__container > __title h1 + __body .rte
   ============================================================ */

.shopify-policy__container {
  max-width: 720px;
  margin-inline: auto;
  padding: clamp(120px, 16vw, 180px) clamp(20px, 5vw, 56px) var(--pad);
}

.shopify-policy__title h1 {
  font-family: var(--font-d);
  font-weight: 400;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1.1;
  margin-bottom: 40px;
  color: var(--cream);
}

.shopify-policy__body .rte {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: var(--track-body);
  color: rgba(245, 242, 237, 0.86);
}

.shopify-policy__body .rte > * + * { margin-top: 1.1em; }

.shopify-policy__body .rte :is(h2, h3) {
  font-family: var(--font-d);
  font-weight: 400;
  line-height: 1.25;
  color: var(--cream);
  margin-top: 2.2em;
}
.shopify-policy__body .rte h2 { font-size: 26px; }
.shopify-policy__body .rte h3 { font-size: 21px; }

.shopify-policy__body .rte :is(ul, ol) { padding-left: 1.4em; }
.shopify-policy__body .rte li + li { margin-top: .4em; }

.shopify-policy__body .rte a {
  color: var(--gold-light);
  border-bottom: 1px solid rgba(226, 191, 106, .4);
  overflow-wrap: anywhere;
}
.shopify-policy__body .rte a:hover { border-bottom-color: var(--gold-light); }

.shopify-policy__body .rte strong { font-weight: 500; color: var(--cream); }