.mortgage-check{margin:24px 0 28px;padding:16px 0 17px;border-block:1px solid #aaa99e}
.article-main .story-body .mortgage-check h2{margin:0 0 7px;font:600 16px/1.4 Arial,sans-serif;letter-spacing:-.01em}
.article-main .story-body .mortgage-check-intro{margin:0 0 15px;color:#555f56;font-size:14px;line-height:1.55}
.mortgage-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mortgage-offer{min-width:0;margin:0;padding:0;border:0}
.mortgage-offer legend{margin:0 0 9px;padding:0;font:600 13px/1.4 Arial,sans-serif}
.mortgage-offer label{display:block;margin:0 0 5px;color:#555f56;font:12px/1.4 Arial,sans-serif}
.mortgage-offer input{box-sizing:border-box;width:100%;min-height:42px;margin:0 0 10px;padding:8px 10px;border:1px solid #b9b7ad;border-radius:2px;background:#fffefa;color:#202721;font:15px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums}
.mortgage-offer input:focus-visible{outline:3px solid #8a3f2b;outline-offset:2px}
.mortgage-check button{min-height:42px;padding:0 14px;border:1px solid #414b42;background:transparent;color:#202721;font:600 12px Arial,sans-serif;cursor:pointer}
.mortgage-check button:hover{background:#e8ebe3}
.mortgage-check button:focus-visible{outline:3px solid #8a3f2b;outline-offset:3px}
.article-main .story-body #mortgage-compare-result{min-height:1.5em;margin:10px 0 0;color:#314b36;font:600 14px/1.5 Arial,sans-serif;font-variant-numeric:tabular-nums}
.article-main .story-body .mortgage-check-note{margin:8px 0 0;color:#68736a;font:12px/1.5 Arial,sans-serif}
@media(max-width:560px){.mortgage-check{margin:20px 0 24px;padding:14px 0}.mortgage-offers{grid-template-columns:1fr;gap:9px}.mortgage-offer{padding-bottom:6px;border-bottom:1px solid #d3d1c8}.mortgage-offer:last-child{border-bottom:0}.mortgage-check button{width:100%}}