/* Buy a home page. Loads after site.css and heloc.css (shared layout). Nothing here is smaller than 14px. */
.by-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.by-ext{width:16px;height:16px;margin-left:8px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}
/* Two main buttons */
.by-cta2{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:640px;margin:0 auto}
.by-cta2>div{display:grid;gap:6px;align-content:start}
.by-cta2 .btn{width:100%}
.by-cta2 p{margin:0;font-size:14px;line-height:20px;color:var(--text-muted)}
.by-est{margin:16px 0 0}
.he-final-in .by-cta2{margin-top:4px}
/* Affordability estimate */
.ac-range{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.ac-card{padding:12px 14px;border-radius:12px;border:1px solid var(--border)}
.ac-card p{margin:0;font-weight:600;font-size:14px;line-height:20px}
.ac-card b{display:block;margin-top:2px;font:800 30px/36px var(--font-display);letter-spacing:-.02em}
.ac-card span{display:block;font-size:14px;line-height:20px}
.ac-card.ok{background:var(--success-bg);border-color:#CFE3D6;color:#0F4D2C}
.ac-card.ok b{color:var(--success)}
.ac-card.st{background:var(--warning-bg);border-color:#F2D9A8;color:#6B3D04}
.ac-card.st b{color:#8A4F06}
.ac-try{margin-top:20px}
.ac-try-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ac-try-top label{font-weight:600;color:var(--text-strong)}
.ac-tryv{font:800 24px/30px var(--font-display);letter-spacing:-.02em;color:var(--text-strong)}
.ac-bar{-webkit-appearance:none;appearance:none;display:block;width:100%;height:12px;margin:16px 0 8px;border-radius:999px;background:#D6DAE0;cursor:pointer}
.ac-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:999px;background:#fff;border:3px solid var(--navy-900);box-shadow:0 2px 6px rgba(15,24,45,.25)}
.ac-bar::-moz-range-thumb{width:24px;height:24px;border-radius:999px;background:#fff;border:3px solid var(--navy-900);box-shadow:0 2px 6px rgba(15,24,45,.25)}
.ac-bar:focus-visible{outline:3px solid rgba(0,97,254,.45);outline-offset:6px}
.ac-scale{display:flex;justify-content:space-between;font-size:14px;line-height:20px;color:var(--text-muted)}
.ac-zone{margin:10px 0 0;padding:8px 12px;border-radius:8px;font-weight:600;font-size:15px;line-height:22px}
.ac-zone.ok{background:var(--success-bg);color:#0F4D2C}
.ac-zone.st{background:var(--warning-bg);color:#6B3D04}
.ac-zone.over{background:#EEF0F3;color:#3D4657}
.ac-rows{margin:14px 0 0;padding:0;list-style:none}
.ac-rows li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);font-size:15px;line-height:22px}
.ac-rows li:last-child{border-bottom:0}
.ac-rows b{font-weight:800;color:var(--text-strong);text-align:right}
.ac-lnote{margin:6px 0 0;font-size:14px;line-height:21px;color:var(--text-muted)}
.ac-cc{margin:12px 0 0;font-size:15px;line-height:22px;color:var(--text-strong)}
.ac-ctas{display:grid;gap:10px;margin-top:18px}
.ac-ctas .btn{width:100%}
/* Full application */
.by-apply{background:#fff}
.by-apply-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.by-steps{list-style:none;margin:20px 0 22px;padding:0;display:grid;gap:12px}
.by-steps li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:24px}
.by-steps li>b{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:999px;background:var(--selected);color:var(--action);font-weight:800}
.by-steps strong{display:block;color:var(--text-strong)}
.by-apply .note{margin:12px 0 0}
.by-talk{padding:24px;border-radius:20px;background:#F7F3EA}
.by-talk p{margin:8px 0 0;font-size:16px;line-height:24px}
.by-talk .btn{width:100%;margin-top:16px}
.by-talk .help{margin-top:12px;font-size:14px;line-height:21px}
/* Loan types */
.by-loans{grid-template-columns:repeat(3,1fr)}
.by-more{margin:20px 0 0;color:var(--text-strong)}
.by-loans-cta{margin-top:20px}
.by-loans-cta .note{margin:10px 0 0}
@media (max-width:1060px){.by-loans{grid-template-columns:1fr 1fr}}
@media (max-width:860px){[data-ac] .ec-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:360px){[data-ac] .fld-top{flex-wrap:wrap}[data-ac] .money{width:100%}.ac-range{grid-template-columns:1fr}}
@media (max-width:860px){
  .by-cta2{grid-template-columns:1fr;max-width:420px}
  .ac-card b{font-size:24px;line-height:30px}
  .by-apply-in{grid-template-columns:1fr;gap:28px}
  .by-apply .btn,.by-loans-cta .btn{width:100%}
  .by-loans{grid-template-columns:1fr}
  .by-talk{padding:20px 18px;border-radius:16px}
}