/* Match the Developers API capabilities cards across matching sector FAQ modules. */
html body[data-page] main .sector-faq-refresh{position:relative;isolation:isolate;padding:112px 0;background:#fff}
.sector-faq-refresh::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../img/shared-cta/background-736-6575.svg') center/100% 100% no-repeat;opacity:.5}
.sector-faq-refresh .section-head{width:100%;max-width:none;text-align:center}
.sector-faq-refresh .section-head h2{margin-inline:auto;text-align:center}
html body[data-page] main .sector-faq-refresh .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
html body[data-page] main .sector-faq-refresh .card{position:relative;overflow:visible;min-width:0;padding:26px;background:#f5f5f5;border:1px solid #dfe3eb;border-radius:0;box-shadow:none}
.sector-faq-refresh .card::before,.sector-faq-refresh .card::after{content:"";position:absolute;pointer-events:none;border-color:#dfe3eb;border-style:solid;border-width:0}
.sector-faq-refresh .card::before{top:-1px;bottom:-1px;left:-21px;right:-21px;border-top-width:1px;border-bottom-width:1px}
.sector-faq-refresh .card::after{top:-21px;bottom:-21px;left:-1px;right:-1px;border-left-width:1px;border-right-width:1px}
html body[data-page] main .sector-faq-refresh .card-icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:50px;height:50px;padding:12px;border:1px solid #e2e2e2;border-radius:10px;background:#fff;color:#262626;box-shadow:none;overflow:hidden}
.sector-faq-refresh .card-icon svg{display:block;flex:none;width:24px;height:24px}
@media(max-width:900px){html body[data-page] main .sector-faq-refresh .card-grid{grid-template-columns:1fr}html body[data-page] main .sector-faq-refresh>.container{padding-inline:40px}html body[data-page] main .sector-faq-refresh{padding:104px 0}}

/* Repayment reminders uses a plain white FAQ backdrop. */
body[data-page="repayment-reminders"] .sector-faq-refresh::before{display:none}