/* Editorial pages: align article cards and conversion actions with the site system. */
.article .btn{border:1px solid transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.article .btn:hover{transform:translateY(-1px)}
.article .cta .btn{color:#1d1d1f;background:#fff;border-color:#fff}
.article .cta .btn:hover{background:#e8f9ee;border-color:#e8f9ee}

.article-index{padding:66px 0 88px}
body.guide-hub .container,.article-index .container{width:min(calc(100% - 48px),920px)}
.article-index .callout{margin:0 0 18px;padding:27px 30px;background:linear-gradient(135deg,#e8f9ee,#fff);border-color:#c9efd6}
.article-index .callout h2{font-size:21px}
.article-index .callout p{max-width:720px;margin-bottom:0}
.guide-card{display:inline-flex;vertical-align:top;flex-direction:column;width:calc(50% - 8px);min-height:306px;margin:0 16px 16px 0;padding:28px 29px!important;border-radius:18px!important;background:#fff;box-shadow:0 1px 0 rgba(15,42,36,.02)}
.guide-card:nth-of-type(even){margin-right:0}
.guide-card:hover{border-color:rgba(6,199,85,.42);box-shadow:0 16px 34px rgba(15,42,36,.09)}
.guide-card .eyebrow{margin-bottom:13px}
.guide-card h2{font-size:23px!important;line-height:1.42}
.guide-card p{margin-bottom:20px!important}
.guide-card .btn{align-self:flex-start;margin-top:auto;color:#0f2a24;background:#fff;border-color:#b9cbc5}
.guide-card .btn:hover{color:#fff;background:#06c755;border-color:#06c755}
.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:36px!important;padding:38px 40px!important}
.guide-cta h2{max-width:520px}
.guide-cta p{max-width:520px;margin-bottom:0!important}
.guide-cta .btn{flex:0 0 auto;min-width:172px}

@media(max-width:760px){
  .article-index{padding:44px 0 60px}
  body.guide-hub .container,.article-index .container{width:min(calc(100% - 28px),920px)}
  .article-index .callout{padding:23px 22px}
  .guide-card{display:flex;width:100%;min-height:0;margin:0 0 12px;padding:24px 22px!important}
  .guide-card h2{font-size:21px!important}
  .guide-card p{margin-bottom:18px!important}
  .guide-cta{display:block;margin-top:28px!important;padding:28px 23px!important}
  .guide-cta .btn{width:100%;margin-top:18px}
}