/* Google Preferred Sources — the end-of-guide prompt and the footer link.
   Behaviour lives in /assets/js/preferred-source.js. Light theme only. */

.ps-box {
  margin-top: 32px;
  padding: 24px 20px;
  background: #fff;
  border: 1.5px solid var(--grey-200);
  border-radius: 12px;
  text-align: center;
}
.ps-lead {
  font-size: .9375rem; font-weight: 600;
  color: var(--grey-900); line-height: 1.5;
  margin-bottom: 14px;
}
/* Google's button renders 40px tall. Reserving that height means nothing
   below it moves when the script arrives. */
.ps-slot {
  min-height: 40px;
  display: flex; align-items: center; justify-content: center;
}
.ps-fallback {
  font-size: .9375rem; font-weight: 500;
  color: var(--teal); text-decoration: underline;
}
.ps-fallback:hover { color: var(--teal-dark); }
/* The fallback link shows by default (no-JS). The script hides it while
   Google's button loads and only reveals it again if that fails. */
.ps-loading .ps-fallback,
.ps-ready .ps-fallback { display: none; }

/* Footer: a quiet text link, never the button. */
.footer-ps {
  width: 100%;
  margin-top: -6px; padding-bottom: 24px;
  font-size: .75rem; color: rgba(255,255,255,.6);
}
.footer-ps a {
  color: rgba(255,255,255,.6);
  text-decoration: underline; text-underline-offset: 2px;
  transition: color .15s;
}
.footer-ps a:hover { color: #fff; }