/* Down payment assistance page. Builds on site.css + mortgage.css + taxes.css. */
.ratecard .rc-row b{font-size:clamp(28px,2.8vw,38px)}
.ratecard .rc-row small{font-weight:500;font-size:12px;color:var(--mute);letter-spacing:.02em}
.help h2.dh2,.creative h2.dh2{max-width:22ch}
.dpa-story{padding-block:clamp(40px,6vw,80px);background:var(--paper)}
.story{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:center;max-width:1100px}
@media (max-width:760px){.story{grid-template-columns:1fr}}
.story .big{margin:0;font-family:var(--serif);font-style:italic;font-weight:500;color:var(--red);font-size:clamp(96px,16vw,220px);line-height:.85;letter-spacing:-.04em}
.story p{max-width:56ch;font-size:clamp(16px,1.3vw,19px);line-height:1.6;margin:0 0 14px}
.story .label{margin-bottom:16px}
.dpa-table td,.dpa-table th{white-space:normal;min-width:120px;vertical-align:top}
.plain{margin:0 0 18px;padding-left:20px;max-width:62ch}
.plain li{margin:0 0 10px;line-height:1.6}
.feature .f-r .btn{margin:0 8px 8px 0}
.match{padding-block:clamp(40px,6vw,90px);background:var(--paper)}
.match .connect{margin-top:0}
.more{padding-block:clamp(40px,6vw,80px)}
.morelinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.morelinks a{display:grid;gap:6px;text-decoration:none;background:#fff;border:2px solid var(--ink);border-radius:20px;padding:22px 24px;transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .35s}
.morelinks a:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--red)}
.morelinks b{font-size:18px}
.morelinks span{font-size:14px;color:#3b3735;line-height:1.5}