/* Article-only presentation; the existing Celebrity Match controls do the work. */
.learn-page .article-free-comparison {
  max-width: 860px;
  margin: 2.5rem auto 1.25rem;
  align-items: center;
  gap: 1.25rem;
}
.article-free-comparison h2 { margin: 0 0 .5rem; }
.article-free-comparison p { margin: 0; }
.article-free-comparison > .button { flex-shrink: 0; }
.learn-page .article-celebrity-match {
  max-width: 860px;
  margin: 1.25rem auto 3rem;
  scroll-margin-top: 1rem;
}
.article-celebrity-match #pairing-title {
  font-family: Georgia, serif;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 400;
  line-height: 1.15;
  margin: .3rem 0 .65rem;
}
.article-celebrity-match .pairing-intro > div > p:last-child {
  max-width: 38rem;
  margin: .5rem 0 1rem;
}
.article-celebrity-match .pairing-intro .eyebrow { display: none; }
.article-celebrity-match .pairing-title-row { display: flex; align-items: center; gap: .75rem; }
.article-celebrity-match #pairing-title { flex: 1; }
.article-celebrity-match .pairing-top-share { position: static; flex-shrink: 0; }
.article-celebrity-match .pairing-personal-note { margin-top: 1.25rem; }
@media (max-width: 700px) {
  .learn-page .article-free-comparison { display: block; padding: 1.25rem; }
  .article-free-comparison > .button { display: flex; margin-top: 1rem; text-align: center; }
  .learn-page .article-celebrity-match { padding: 1.25rem .85rem; }
}