.content-main {
  min-height: 100svh;
  padding-block: 0 0 1.5rem 0;
}
.content-main h1 {
  margin-top: 0;
}
.content-main h3 {
  margin: 2rem 0 .2rem 0;
}
.content-main p {
  margin: .6rem 0 0 0;
}
.content-main ul {
  margin: .5rem 0 .5rem 0;
}
@media (min-width: 25rem) { /* 400px */
  .content-main ul {
    margin: .5rem 0 .5rem 2rem;
  }
}
.content-inner {
  width: min(100%, var(--content-max));
  margin-inline: auto;
  background: var(--surface);
  padding: clamp(1rem, 4vw, 3rem);
}

.content-benefits {
  padding-left: 2.5rem;
  margin: 1.5rem 0;
}
.content-note {
  color: var(--muted);
  font-size: 0.95rem;
}
.privacy-update {
  padding-top: 1.5rem;
  font-size: .9em;
}

/* ---------- PREVIEW STYLES ---------- */
.preview-main {
  min-height: 70svh;
  display: grid;
  place-items: center;
  padding: .7rem;
}
.preview-hero__inner {
  width: min(100%, 46rem);
  margin-inline: auto;
  background: var(--surface);
  border: var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(.5rem, 4vw, 2.5rem);
  max-width: 78ch;
}
.preview-benefits {
  padding-left: 1.2rem;
  margin: 1.5rem 0;
}
.preview-benefits li + li {
  margin-top: 0rem;
}
.preview-cta {
  margin-top: 2rem;
  font-size: 1.5em;
  font-weight: bold;
}
.preview-note {
  margin-top: 1rem;
  color: #000000; /*var(--muted);*/
  font-size: 0.95rem;
  font-weight: bold;
}


/* ---------- OLSP STYLES ---------- */
.olsp-main {
  min-height: 70svh;
  display: grid;
  place-items: center;
  padding: .7rem;
}
.olsp-hero__inner {
  width: min(100%, 48rem);
  margin-inline: auto;
  background: var(--surface);
  border: var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(.5rem, 4vw, 2.5rem);
  /*max-width: 78ch;*/
}
h1 {
  font-size: clamp(1.8rem, 8vw, 2.5rem);
  max-width: 35ch;
}
.inner__content {
  margin:auto;
  width:38rem;
}
.olsp-benefits {
  padding-left: 1.2rem;
  margin: 1.5rem 0;
}
.olsp-benefits li + li {
  margin-top: 0rem;
}
.olsp-cta {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  font-size: 1.5em;
  font-weight: bold;
}
.olsp-note {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  color: #000000; /*var(--muted);*/
  font-size: 0.95rem;
  font-weight: bold;
}