/* SafaSoch V10.17.3a — Newsletter Font Contrast Hotfix
   Purpose: keep the Issue 001 dark-green CTA premium and readable even when
   global heading/selection styles are present. */

.ss173-article-cta{
  background:#032c23!important;
  color:#f5f0e6!important;
  border:1px solid rgba(245,240,230,.10);
}

.ss173-article-cta h2{
  margin:0 0 8px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f5f0e6!important;
  -webkit-text-fill-color:#f5f0e6!important;
  text-shadow:none!important;
}

.ss173-article-cta p{
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#e7e0d4!important;
  -webkit-text-fill-color:#e7e0d4!important;
  text-shadow:none!important;
}

.ss173-article-cta .ss173-button.gold{
  background:#d9a441!important;
  color:#032c23!important;
  -webkit-text-fill-color:#032c23!important;
  border:1px solid #d9a441!important;
  box-shadow:none!important;
}

.ss173-article-cta .ss173-button.gold:hover,
.ss173-article-cta .ss173-button.gold:focus-visible{
  background:#e5b552!important;
  color:#032c23!important;
  -webkit-text-fill-color:#032c23!important;
}

/* If text is selected in Safari/Chrome, keep the CTA readable rather than
   turning the heading/subtext into solid mustard bars. */
.ss173-article-cta h2::selection,
.ss173-article-cta p::selection,
.ss173-article-cta h2 *::selection,
.ss173-article-cta p *::selection{
  background:rgba(245,240,230,.20)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.ss173-article-cta h2::-moz-selection,
.ss173-article-cta p::-moz-selection{
  background:rgba(245,240,230,.20)!important;
  color:#fff!important;
}

@media(max-width:700px){
  .ss173-article-cta{padding:24px!important}
  .ss173-article-cta h2{font-size:28px!important;line-height:1.08!important}
  .ss173-article-cta .ss173-button.gold{width:100%}
}