.screener--soft{
  background:linear-gradient(160deg,#FCFEFD 0%,#EFF7F5 50%,#DEEFEA 100%);
}

.otg .screener__pills{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
  margin:18px auto 0; max-width:600px;
}
.otg .screener__pill{
  display:inline-flex; align-items:center;
  background:#fff; border:1px solid var(--mint-border); border-radius:999px;
  padding:10px 18px; text-decoration:none;
  font-family:var(--f-head); font-weight:800; font-size:14.5px; color:var(--teal);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.otg .screener__pill:hover{
  border-color:var(--brand);
  box-shadow:0 10px 22px -16px rgba(12,122,112,.6);
}

.otg .outro{
  margin:32px auto 0; max-width:640px; text-align:center;
  font-size:16px; line-height:1.65; color:var(--muted-2);
}
.otg .outro a{color:var(--teal); font-weight:600; text-decoration:underline; text-underline-offset:2px;}
.screener .fine a {text-decoration:underline; text-underline-offset:1px; font-weight:900; }
/* ---- CMS rich text (guide pages): paragraph rhythm of the original markup ---- */
.rich > p.muted{margin:16px 0 0;}
.rich--intro > p.muted{margin:18px 0 0;}
.rich--intro > .callout-quote + p.muted{margin-top:22px;}
.rich--checklist > p.muted + p.muted{margin-top:14px;}