:root{font-family:var(--house-font-sans);color:var(--house-color-ink);background:var(--house-color-page);line-height:var(--house-line-height-body);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{margin:0}
.mortgage-page a,.money-page a{color:var(--house-color-accent);text-underline-offset:.18em}
.mortgage-page a:hover,.money-page a:hover{color:var(--house-color-accent-hover)}
.site-head{display:flex;align-items:center;justify-content:space-between;gap:var(--house-space-3);padding:var(--house-space-3) max(calc((100vw - 1080px)/2),1.25rem);background:var(--house-color-surface);border-bottom:1px solid var(--house-color-border)}
.brand{font-weight:700;text-decoration:none;color:var(--house-color-heading)}
.site-head nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:.92rem}
main{max-width:1040px;margin:0 auto;padding:2.3rem 1.25rem 4rem}
h1,h2,h3{line-height:1.35;color:var(--house-color-heading)}
h1{max-width:780px;font-size:var(--house-font-size-h1);margin:.3rem 0 1rem;text-wrap:balance}
h2{font-size:clamp(1.35rem,3vw,1.8rem)}
.lead{max-width:68ch;font-size:1.1rem;color:var(--house-color-muted);text-wrap:pretty}
.page-hero{margin-bottom:var(--house-space-5);padding-bottom:var(--house-space-4);border-bottom:1px solid var(--house-color-border)}
.page-hero .lead{margin-bottom:0}
.eyebrow{color:#55766b;font-size:.82rem;font-weight:700;letter-spacing:.08em;margin:0}
.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0 3rem}
.entry-card,.calculator-card,.limitations,.faq,.partner-note{background:var(--house-color-surface);border:1px solid var(--house-color-border);border-radius:var(--house-radius-card);padding:1.35rem}
.entry-card h2{margin:.4rem 0}
.entry-card-primary{border:2px solid var(--house-color-accent)}
.button-link,button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.75rem 1.2rem;border:0;border-radius:var(--house-radius-control);background:var(--house-color-accent);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.mortgage-page a.button-link,.money-page a.button-link,.mortgage-page button,.money-page button{color:#fff}
.button-link:hover,button:hover{background:var(--house-color-accent-hover);color:#fff}
.source-links{display:flex;flex-direction:column;gap:.4rem}
.fine-print,.field-help{font-size:var(--house-font-size-small);color:var(--house-color-muted)}
.model-note{padding:.9rem 1rem;background:var(--house-color-accent-soft);border-left:4px solid #679684}
#mortgage-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
label{display:flex;flex-direction:column;gap:.35rem;font-weight:650}
input{width:100%;min-height:48px;padding:.65rem .75rem;border:1px solid #9bac9f;border-radius:var(--house-radius-control);background:var(--house-color-surface);color:var(--house-color-ink);font:inherit}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--house-color-focus);outline-offset:2px}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.25rem 0}
.secondary-button{background:#e9efeb;color:#263c35}
.secondary-button:hover{background:#dbe5df;color:#203b34}
.validation{min-height:1.5em;color:#8a351f;font-weight:650}
.results{margin-top:1.5rem;padding:1.2rem;background:var(--house-color-page);border:1px solid var(--house-color-border);border-radius:12px}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.result-grid>div{padding:1rem;background:var(--house-color-surface);border:1px solid var(--house-color-border);border-radius:10px}
.result-grid dt{font-size:.9rem;color:var(--house-color-muted)}
.result-grid dd{margin:.25rem 0 0;font-size:1.35rem;font-weight:750;color:var(--house-color-heading)}
.result-grid .result-highlight{border:2px solid var(--house-color-accent)}
.result-highlight p{margin:.35rem 0 0;font-size:.9rem}
.limitations,.faq,.partner-note{margin-top:1.5rem}
.faq details{padding:.8rem 0;border-top:1px solid #e1e7e3}
.faq summary{font-weight:700;cursor:pointer}
.partner-note{background:var(--house-color-accent-soft)}
.related-money-link{margin:.75rem 0 0;padding-top:.6rem;border-top:1px solid var(--house-color-border);font-weight:700}
.related-money-link a{display:inline-flex;min-height:44px;align-items:center}
footer{display:flex;justify-content:space-between;gap:1rem;max-width:1040px;margin:0 auto;padding:1.2rem 1.25rem 2.5rem;color:#52625c;font-size:.9rem}
@media(max-width:680px){.site-head{align-items:flex-start;flex-direction:column;padding:1rem 1.1rem}.site-head nav{gap:.5rem 1rem}main{padding:1.7rem 1rem 3rem}.entry-grid,#mortgage-inputs,.result-grid{grid-template-columns:1fr}.entry-card,.calculator-card,.limitations,.faq,.partner-note{padding:1rem}.actions button{width:100%}footer{padding:1rem;flex-direction:column}}

/* Separate, no-input mortgage information LP. */
.mortgage-page{background:#f5f3ec;color:#263b32;font-family:var(--house-font-sans)}
.mortgage-page main.mortgage-redesign{max-width:1200px;padding:2rem 2rem 5rem}
.mortgage-cover{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:8%;min-height:400px;padding:40px 4% 54px;background:#f4f2e9}
.mortgage-cover-copy{max-width:620px}
.mortgage-kicker{margin:0;color:#8b5d3f;font-size:.75rem;font-weight:800;letter-spacing:.13em;line-height:1.55}
.mortgage-cover h1{margin:14px 0 14px;color:#243b31;font-size:clamp(2.5rem,5.6vw,4.6rem);letter-spacing:-.045em;line-height:1.2}
.mortgage-cover h1 span{color:#24523f}
.mortgage-cover h1 .lp-reveal-line{animation:mortgage-reveal .42s ease-out .1s both}
@keyframes mortgage-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.mortgage-lead{max-width:30em;margin:0;color:#4b5d53;font-size:1.12rem;line-height:1.8}
.mortgage-page a.mortgage-page-action{display:inline-flex;min-height:56px;align-items:center;justify-content:space-between;gap:26px;margin-top:23px;padding:0 18px;background:#24523f;color:#fff;font-weight:750;text-decoration:none}
.mortgage-page a.mortgage-page-action:hover{background:#173c2c;color:#fff}
.mortgage-cover-visual{position:relative;display:grid;min-height:290px;place-items:center;overflow:hidden;border-radius:50% 50% 3px 3px;background:#e2e2d6}
.mortgage-visual-house{position:relative;width:160px;height:136px;margin-top:42px;border:3px solid #365c49;border-bottom:0;background:#f6f4ec}
.mortgage-visual-house:before{position:absolute;top:-67px;left:-21px;width:197px;height:137px;transform:rotate(45deg);border-top:3px solid #365c49;border-left:3px solid #365c49;content:''}
.mortgage-visual-house:after{position:absolute;right:17px;bottom:0;width:41px;height:72px;border:2px solid #365c49;border-bottom:0;content:''}
.mortgage-visual-house span{position:absolute;bottom:37px;left:20px;width:31px;height:31px;border:2px solid #365c49}
.mortgage-cover-visual p{position:absolute;right:7%;bottom:15%;display:grid;place-content:center;width:128px;aspect-ratio:1;margin:0;border:1px solid #d5d5c9;border-radius:50%;background:#fffdf7;color:#24523f;font-size:.9rem;font-weight:750;line-height:1.65;text-align:center}
.mortgage-contents{display:grid;grid-template-columns:repeat(3,1fr);margin:0 4%;border-bottom:1px solid #ccd0c4}
.mortgage-page a.mortgage-contents{color:#315a47}
.mortgage-contents a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:0 14px;border-top:1px solid #ccd0c4;color:#315a47;font-size:.88rem;font-weight:700;text-decoration:none}
.mortgage-contents a+a{border-left:1px solid #ccd0c4}
.mortgage-contents span{color:#9a6241;font-size:.72rem}
.mortgage-section{padding:76px max(calc((100% - 880px)/2),4%)}
.mortgage-section h2,.mortgage-next-step h2,.mortgage-scope h2,.mortgage-faq h2{margin:10px 0 16px;color:#243b31;font-size:clamp(1.65rem,3.5vw,2.4rem);letter-spacing:-.035em;line-height:1.35}
.mortgage-section-lead{max-width:62ch;color:#4b5d53;line-height:1.85}
.mortgage-compare-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px 0 0;padding:0;border-top:1px solid #c9cec2;border-bottom:1px solid #c9cec2;list-style:none}
.mortgage-compare-list li{padding:22px 18px 24px 0}
.mortgage-compare-list li+li{padding-left:18px;border-left:1px solid #c9cec2}
.mortgage-compare-list li>span{color:#9a6241;font-size:.75rem;font-weight:850;letter-spacing:.12em}
.mortgage-compare-list h3{margin:9px 0 6px;font-size:1.12rem}
.mortgage-compare-list p{margin:0;color:#526158;font-size:.91rem;line-height:1.75}
.mortgage-prep{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center;background:#eae9df}
.mortgage-prep-heading>p:last-child{max-width:34em;color:#4b5d53;line-height:1.8}
.mortgage-checklist{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;list-style:none}
.mortgage-checklist li{display:flex;align-items:center;gap:10px;min-height:62px;padding:11px;border:1px solid #d2d5c9;background:#fbfaf4;color:#2c4638;font-size:.9rem;font-weight:700}
.mortgage-checklist span{color:#9a6241;font-size:.75rem;font-weight:800}
.mortgage-next-step{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px max(calc((100% - 880px)/2),4%);border-bottom:1px solid #d5d8ce}
.mortgage-next-step h2{font-size:1.55rem}
.mortgage-next-step p:last-child{max-width:58ch;margin:0;color:#4b5d53;line-height:1.8}
.mortgage-preparing{flex:none;padding:11px 14px;border:1px solid #aebbae;color:#516557;font-size:.85rem;font-weight:700}
.mortgage-scope{padding:55px max(calc((100% - 880px)/2),4%);background:#f9f8f2}
.mortgage-scope h2{font-size:1.6rem}
.mortgage-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.mortgage-scope-grid p{margin:0;padding:16px;border:1px solid #d7dbd1;background:#fffdf8;color:#4b5d53;line-height:1.75}
.mortgage-scope-grid strong{color:#243b31}
.mortgage-scope>p:last-child{font-size:.9rem;color:#526158;line-height:1.8}
.mortgage-faq{padding:62px max(calc((100% - 880px)/2),4%);background:#fffdf8}
.mortgage-faq details{padding:15px 0;border-top:1px solid #d3d8ce}
.mortgage-faq summary{min-height:44px;display:flex;align-items:center;color:#243b31}
.mortgage-faq details p{max-width:68ch;color:#4b5d53;line-height:1.8}
.mortgage-page a:focus-visible,.mortgage-page summary:focus-visible{outline:3px solid #8a622e;outline-offset:3px}
@media(max-width:700px){
 .mortgage-page main.mortgage-redesign{padding:1rem 0 3rem}
 .mortgage-cover{grid-template-columns:1fr;gap:22px;min-height:0;padding:28px 20px 24px}
 .mortgage-cover h1{font-size:clamp(2.35rem,11vw,3.4rem)}
 .mortgage-lead{font-size:1rem}
 .mortgage-page a.mortgage-page-action{width:100%;margin-top:17px;padding-inline:15px}
 .mortgage-cover-visual{min-height:205px;margin-inline:10px;border-radius:50% 50% 3px 3px}
 .mortgage-visual-house{transform:scale(.78);margin-top:36px}
 .mortgage-cover-visual p{right:2%;bottom:8%;width:96px;font-size:.75rem}
 .mortgage-contents{grid-template-columns:1fr;margin-inline:20px}
 .mortgage-contents a{min-height:47px;padding-inline:7px}
 .mortgage-contents a+a{border-left:0}
 .mortgage-section{padding:48px 20px}
 .mortgage-compare-list{grid-template-columns:1fr;margin-top:20px}
 .mortgage-compare-list li,.mortgage-compare-list li+li{padding:17px 0;border-left:0}
 .mortgage-compare-list li+li{border-top:1px solid #c9cec2}
 .mortgage-prep{grid-template-columns:1fr;gap:19px}
 .mortgage-checklist{grid-template-columns:1fr 1fr;gap:7px}
 .mortgage-checklist li{font-size:.8rem;min-height:58px}
 .mortgage-next-step{align-items:flex-start;flex-direction:column;padding:34px 20px}
 .mortgage-scope,.mortgage-faq{padding:42px 20px}
 .mortgage-scope-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.mortgage-cover h1 .lp-reveal-line{animation:none}}
/* 2026-10-26 readability pass: restore 18/28 body scale across the no-input mortgage guide. */
.mortgage-page .mortgage-lead,.mortgage-page .mortgage-section-lead,.mortgage-page .mortgage-compare-list p,
.mortgage-page .mortgage-prep-heading>p:last-child,.mortgage-page .mortgage-checklist li,
.mortgage-page .mortgage-next-step p:last-child,.mortgage-page .mortgage-scope-grid p,
.mortgage-page .mortgage-scope>p:last-child,.mortgage-page .mortgage-faq details p {font-size:18px;line-height:28px}
.mortgage-page .mortgage-contents a,.mortgage-page .mortgage-page-action{font-size:18px;line-height:28px;font-weight:600}
.mortgage-page .mortgage-cover-visual p{font-size:16px;line-height:24px}
.mortgage-page .mortgage-kicker,.mortgage-page .mortgage-compare-list li>span,.mortgage-page .mortgage-contents span{font-size:14px;line-height:20px}