/* HealthLine 2026 v0.22.27 — Google Preferred Sources deeplink release
 * Keeps the approved end-of-article card and button styling while using Google's
 * officially supported Source Preferences deeplink for a reliable user flow.
 */
.hl-single-post-page .hl-article-content > .hl-preferred-source {
  width: 100% !important;
  max-width: var(--hl-article-rail, 780px) !important;
  margin: clamp(2rem, 4vw, 3rem) auto clamp(1.5rem, 3vw, 2.25rem) !important;
  padding: 0;
}

.hl-preferred-source__card {
  padding: clamp(1.35rem, 3vw, 1.8rem);
  border: 1px solid #d7e4f0;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(27, 128, 243, .085), transparent 14rem),
    linear-gradient(145deg, #f8fbff 0%, #fff 82%);
  box-shadow: 0 10px 28px rgba(11, 41, 72, .045);
}

.hl-preferred-source__copy {
  max-width: 680px;
}

.hl-preferred-source__copy .hl-blog-eyebrow {
  margin-bottom: .55rem;
}

.hl-preferred-source__copy h2 {
  margin: .32rem 0 0 !important;
  color: var(--hl-blog-navy, #0b2948);
  font-size: clamp(1.45rem, 2.6vw, 1.9rem);
  line-height: 1.16;
  letter-spacing: -.03em;
}

.hl-preferred-source__copy > p:not(.hl-blog-eyebrow) {
  max-width: 680px;
  margin: .75rem 0 0;
  color: var(--hl-blog-muted, #5f6b7a);
  font-size: .98rem;
  line-height: 1.65;
}

.hl-preferred-source__copy strong {
  color: var(--hl-blog-navy, #0b2948);
}

.hl-preferred-source__action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .72rem;
  margin-top: 1.15rem;
}

.hl-single-post-page .hl-article-content a.hl-preferred-source__button,
.hl-single-post-page .hl-article-content a.hl-preferred-source__button:visited {
  display: inline-flex;
  width: auto;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: .62rem;
  padding: .72rem 1rem;
  border: 1px solid var(--hl-blog-blue, #1b80f3);
  border-radius: 999px;
  background: var(--hl-blog-blue, #1b80f3);
  box-shadow: 0 7px 18px rgba(27, 128, 243, .14);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.hl-single-post-page .hl-article-content a.hl-preferred-source__button:hover,
.hl-single-post-page .hl-article-content a.hl-preferred-source__button:focus-visible {
  border-color: #0f6ed8;
  background: #0f6ed8;
  box-shadow: 0 9px 22px rgba(27, 128, 243, .20);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transform: translateY(-1px);
}

.hl-single-post-page .hl-article-content a.hl-preferred-source__button *,
.hl-single-post-page .hl-article-content a.hl-preferred-source__button::before,
.hl-single-post-page .hl-article-content a.hl-preferred-source__button::after {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.hl-single-post-page .hl-article-content a.hl-preferred-source__button svg,
.hl-single-post-page .hl-article-content a.hl-preferred-source__button svg * {
  color: inherit !important;
  fill: currentColor !important;
}

.hl-preferred-source__icon {
  display: inline-grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .17);
}

.hl-preferred-source__icon svg {
  width: 14px;
  height: 14px;
}

.hl-preferred-source__microcopy {
  max-width: 620px;
  margin: 0;
  color: #6d7b8b;
  font-size: .82rem;
  line-height: 1.55;
  text-align: left;
}

@media (max-width: 560px) {
  .hl-single-post-page .hl-article-content > .hl-preferred-source {
    margin-top: 1.7rem !important;
  }

  .hl-preferred-source__card {
    padding: 1.25rem;
    border-radius: 16px;
  }

  .hl-single-post-page .hl-article-content a.hl-preferred-source__button,
  .hl-single-post-page .hl-article-content a.hl-preferred-source__button:visited {
    width: 100%;
    min-height: 50px;
    border-radius: 14px;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hl-single-post-page .hl-article-content a.hl-preferred-source__button {
    transition: none;
  }

  .hl-single-post-page .hl-article-content a.hl-preferred-source__button:hover,
  .hl-single-post-page .hl-article-content a.hl-preferred-source__button:focus-visible {
    transform: none;
  }
}