/* Privacy policy: compact branded introduction and comfortable legal reading. */
body.page-id-3 {
  --privacy-ink: #202923;
  --privacy-copy: #536057;
  --privacy-green: var(--asta-color-green);
  --privacy-dark-green: var(--asta-color-green-dark);
  --privacy-border: #e0e9dc;
}

body.page-id-3 main.asta-content {
  padding-bottom: clamp(52px, 7vw, 88px);
}

body.page-id-3 .wp-block-post-content > .asta-page-hero {
  display: flex;
  min-height: clamp(270px, 27vw, 360px) !important;
  flex-direction: column;
  justify-content: center;
  margin-bottom: clamp(32px, 4vw, 52px);
  padding-block: clamp(48px, 6.5vw, 78px) !important;
  background:
    radial-gradient(ellipse at 88% 5%, rgb(71 160 19 / 12%), transparent 35%),
    linear-gradient(115deg, #f7faf5 0%, var(--asta-color-green-soft) 100%);
}

/* Keep this legal-page intro compact instead of inheriting the tall offer hero. */
@media (min-width: 981px) {
  body.page.page-id-3:not(.home) .wp-block-post-content > .asta-page-hero {
    box-sizing: border-box;
    min-height: clamp(320px, 29vw, 390px) !important;
    padding-block: clamp(52px, 6vw, 76px) !important;
  }
}

body.page-id-3 .wp-block-post-content > .asta-page-hero > .wp-block-columns {
  width: min(100%, 1240px);
  margin-inline: auto;
}

body.page-id-3 .wp-block-post-content > .asta-page-hero h1 {
  max-width: 20ch;
  margin: 0;
  color: var(--privacy-ink);
  font-size: clamp(2.15rem, 4.1vw, 3.3rem);
  line-height: 1.08;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) {
  width: min(100%, 960px);
  margin: 0 auto clamp(56px, 7vw, 88px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) > .wp-block-columns {
  width: 100%;
  max-width: 100%;
  margin: 0;
  gap: 0;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) > .wp-block-columns > .wp-block-column {
  flex-basis: 100% !important;
  min-width: 0;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) > .wp-block-columns > .wp-block-column > :is(h2, h3, p, ul, ol) {
  width: min(100%, 82ch);
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) h2:first-child {
  margin: 0 0 38px;
  padding: 0;
  color: var(--privacy-ink);
  font-size: clamp(1.45rem, 2.2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.3;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) :is(h2, h3):not(:first-child) {
  margin: 38px 0 12px;
  padding: 0;
  border: 0;
  color: var(--privacy-ink);
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.4;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) p {
  margin: 0 0 18px;
  color: var(--privacy-copy);
  font-size: .97rem;
  line-height: 1.78;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) :is(ul, ol) {
  margin: 0 0 20px;
  padding-left: 1.3em;
  color: var(--privacy-copy);
  line-height: 1.75;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) li + li {
  margin-top: 8px;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) a {
  color: var(--privacy-dark-green);
  font-weight: 600;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) a:hover {
  color: var(--privacy-green);
}

body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) > .wp-block-columns > .wp-block-column > :last-child {
  margin-bottom: 0;
}

@media (max-width: 760px) {
  body.page-id-3 .wp-block-post-content > .asta-page-hero {
    min-height: 250px !important;
    padding-block: 44px !important;
  }

  body.page-id-3 .wp-block-post-content > .asta-page-hero h1 {
    max-width: 15ch;
    font-size: clamp(2rem, 8vw, 2.7rem);
  }

  body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) {
    margin-bottom: 48px;
    padding: 0;
  }

  body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) h2:first-child {
    margin-bottom: 30px;
    padding-bottom: 0;
  }

  body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) :is(h2, h3):not(:first-child) {
    margin-top: 26px;
  }

  body.page-id-3 .wp-block-post-content > .asta-section:not(.asta-page-hero) p {
    margin-bottom: 16px;
    font-size: .94rem;
    line-height: 1.72;
  }
}