/* Privacy policy page. Scoped under .sq-landing. Figma: 1440 / 1280 / 768 / 360 frames (column 740px, title 48/56, subtitles 28/32). */

.sq-landing__policy {
  background: var(--sq-bg);
  /* 80px fixed header + 70px of air (the 360 frame: 80 + 36) */
  padding: 150px 32px 100px;
}
.sq-landing__policy-wrap {
  max-width: 740px; margin: 0 auto;
  display: flex; flex-direction: column; gap: 48px;
}
.sq-landing__policy-title {
  font: 600 48px/56px var(--sq-font-display); color: var(--sq-text-default);
}

/* The text is a flat sequence of h2 / h3 / p / lists (see privacy-content in privacy.html). */
.sq-landing__policy-text { font: 400 16px/24px var(--sq-font-body); color: #8c8c8c; }
.sq-landing__policy-text > * { margin: 0; }
.sq-landing__policy-text > * + * { margin-top: 20px; }
.sq-landing__policy-text > h2 {
  margin-top: 48px; font: 600 28px/32px var(--sq-font-display);
  text-transform: uppercase; color: var(--sq-text-default);
}
.sq-landing__policy-text > h2 + * { margin-top: 32px; }
.sq-landing__policy-text > h3 {
  margin-top: 28px; font: 600 16px/24px var(--sq-font-body); color: var(--sq-text-default);
}
.sq-landing__policy-text > h3 + * { margin-top: 12px; }
.sq-landing__policy-text > :first-child { margin-top: 0; }
.sq-landing__policy-text :is(ul, ol) { padding-left: 28px; }
.sq-landing__policy-text ul { list-style: disc; }
.sq-landing__policy-text ol { list-style: lower-alpha; }
.sq-landing__policy-text strong { font-weight: 600; color: var(--sq-text-subtle); }
.sq-landing__policy-text a { color: var(--sq-text-subtle); text-decoration: underline; text-underline-offset: 3px; transition: color .2s; }
.sq-landing__policy-text a:hover { color: #fff; }

@media (max-width: 767px) {
  .sq-landing__policy { padding: 116px 16px 100px; }
}
@media (min-width: 1280px) {
  .sq-landing__policy { padding-left: 80px; padding-right: 80px; }
}