/* v5 - PAGE: ARTICLE */

.wf-article{
  padding: var(--wf-7) 0;
}
.wf-article__wrap{
  display:grid;
  grid-template-columns: 1fr 340px;
  gap: var(--wf-7);
  align-items:start;
}
.wf-article__content{
  min-width: 0;
}
.wf-article__sidebar{
  position: sticky;
  top: 90px;
}

.wf-prose{
  font-size: var(--wf-text-2);
  color: var(--wf-text-2);
}
.wf-prose h2, .wf-prose h3{
  color: var(--wf-text);
  margin-top: var(--wf-7);
}
.wf-prose p{ margin: 0 0 var(--wf-5); }
.wf-prose ul, .wf-prose ol{ margin: 0 0 var(--wf-6); padding-left: 22px; }
.wf-prose blockquote{
  margin: var(--wf-6) 0;
  padding: var(--wf-4) var(--wf-5);
  border-left: 4px solid var(--wf-border);
  background: var(--wf-surface);
  border-radius: var(--wf-radius-2);
}

.wf-funnel-cta{
  margin: var(--wf-8) 0;
  padding: var(--wf-6);
  border: 1px solid #16a34a;
  border-radius: var(--wf-radius-2);
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 60%, #4ade80 100%);
  color: #0f172a;
  box-shadow: var(--wf-shadow);
}
.wf-funnel-cta h3{ margin:0 0 var(--wf-3); font-size: 22px; color:#0f172a; }
.wf-funnel-cta p{ margin:0 0 var(--wf-4); color: #0f172a; }
.wf-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: var(--wf-2);
  padding: 14px 18px;
  border-radius: 999px;
  border: 2px solid #0f172a;
  background: #16a34a;
  color: #fff;
  font-weight: 800;
  text-decoration:none !important;
  box-shadow: var(--wf-shadow-2);
}
.wf-cta-button--red{
  background: #15803d;
  border-color: #15803d;
  color: #fff;
}
.wf-cta-button:hover{ filter: brightness(.92); }

.wf-funnel-cta + .wf-slot,
.wf-funnel-cta + .wf-ad{
  margin-top: var(--wf-6);
}

@media (max-width: 900px){
  .wf-article__wrap{ grid-template-columns: 1fr; }
  .wf-article__sidebar{ position: static; top:auto; }
}