/* ==========================================================================
   Policy Page
   Ported from the original policy page stylesheet, rule for rule:

     .content .shopify-policy__container { max-width: 840px; margin: 0 auto;
                                           padding: 40px 20px 60px }
     .shopify-policy__title              { text-align: center }
     .content .shopify-policy__container .shopify-policy__title
                                         { margin-bottom: 40px }
     @media (min-width: 768px) { ... padding: 80px 20px 100px;
                                     .shopify-policy__title { margin-bottom: 60px } }
     @media (min-width: 992px) { ... padding-bottom: 146px }

   The paddings now come from the section's Spacing setting and the rest from the
   custom properties set in policy-page.html, so nothing here needs editing to
   restyle a policy page. Body copy is left to the theme's own .rte styles, the
   same way the original page left it to its theme.
   ========================================================================== */

.policy-page {
  background-color: rgb(var(--color-background));
}

.shopify-policy__container {
  max-width: var(--policy-container-width, 840px);
  margin-inline: auto;
}

.shopify-policy__title {
  margin-block-end: var(--policy-title-spacing, 40px);
  text-align: var(--policy-title-align, center);
}

.shopify-policy__title h1 {
  margin: 0;
}

@media (min-width: 768px) {
  .shopify-policy__title {
    margin-block-end: var(--policy-title-spacing-desktop, 60px);
  }
}