/* ====== Queen Cosmetics — policy / legal pages ======
   The policy template renders raw `policy.body` HTML into a `.rte` block.
   The global `.rte` reset zeroes paragraph margins, so without these rules the
   text runs together with no rhythm and stretches the full page width. This
   gives policy pages a readable measure + the brand's typography (title style
   consistent with main-page, body consistent with the PDP description). */

.policy-page {
  max-width: 760px;
  margin-inline: auto;
  padding-block: 80px;
}

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

/* Title — consistent with the theme's section / page titles
   (20px / 500 / 0.2em / uppercase), centered. */
.policy-page__title {
  margin-block: 0 32px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.3;
  color: rgb(var(--color-text));
}

/* Body copy — restore the typographic rhythm the global .rte reset removes.
   Mirrors the product description / accordion treatment for consistency. */
.policy-page__content.rte {
  font-size: 15px;
  line-height: 1.7;
  color: rgb(var(--color-text));
}
.policy-page__content.rte p {
  margin-block: 0 1em;
}
.policy-page__content.rte > :first-child {
  margin-block-start: 0;
}
.policy-page__content.rte > :last-child {
  margin-block-end: 0;
}
.policy-page__content.rte ul,
.policy-page__content.rte ol {
  padding-inline-start: 1.4em;
  margin-block: 0 1em;
  list-style-position: outside;
}
.policy-page__content.rte ul { list-style-type: disc; }
.policy-page__content.rte ol { list-style-type: decimal; }
.policy-page__content.rte li {
  margin-block-end: 0.35em;
}
.policy-page__content.rte :is(h1, h2, h3, h4, h5, h6) {
  margin-block: 1.6em 0.6em;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
}
.policy-page__content.rte :is(h2, h3) {
  font-size: 0.95em;
}
.policy-page__content.rte :is(strong, b) {
  font-weight: 600;
}
.policy-page__content.rte a {
  color: #6a6a6a;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.policy-page__content.rte a:hover {
  opacity: 0.7;
}