:root{font-family:system-ui,sans-serif;color:#183445;background:#f5f7f7}*{box-sizing:border-box}body{margin:0}.preview{text-align:center;background:#e7eddc;color:#475d29;font-size:12px;padding:9px}header{max-width:1120px;margin:auto;padding:30px 26px;display:flex;justify-content:space-between;border-bottom:1px solid #dbe3e4}header a{font-size:24px;font-weight:750;text-decoration:none;color:inherit}header span{color:#61727d}.layout{max-width:1120px;margin:40px auto;display:grid;grid-template-columns:220px 1fr;gap:45px;padding:0 26px}nav a{display:block;padding:13px 0;color:#235b62;text-decoration:none;border-bottom:1px solid #dae2e3}main{max-width:740px;background:white;padding:40px;border:1px solid #e3e9ea;border-radius:8px}h1{font-size:38px;line-height:1.15;margin:12px 0 24px}p{line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#648581}.lead{font-size:19px;color:#547077}a{color:#286f68;overflow-wrap:anywhere}footer{border-top:1px solid #e1e8e6;margin-top:40px;padding-top:20px;font-size:12px;color:#61727d}@media(max-width:740px){.layout{grid-template-columns:1fr;margin:20px auto;gap:20px}header span{display:none}main{padding:24px}h1{font-size:30px}}

.layout{max-width:1320px;grid-template-columns:220px minmax(0,1fr);gap:32px}header{max-width:1320px}main{max-width:none;min-width:0}.article-body{margin-top:36px}.article-body h2{font-size:24px;line-height:1.35;letter-spacing:-.4px;margin:32px 0 12px}.article-body p{line-height:1.8;margin:12px 0 22px}nav a[aria-current=page]{color:#174d37;font-weight:700;background:#eaf1e6;border-radius:6px;padding-left:10px;padding-right:10px}main>section{margin-top:32px;padding-top:20px;border-top:1px solid #e1e8e6}main>section li{margin:12px 0;line-height:1.6}.mortgage{border:1px solid #dce6db;border-radius:12px;padding:24px;margin:28px 0;background:#fcfdfb}.mortgage .mc-cards{grid-template-columns:1fr}.mortgage .mc-cards article{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.mortgage .mc-cards h4{grid-column:1/-1}.mortgage .mc-cards strong{font-size:24px}@media(max-width:740px){.layout{grid-template-columns:1fr;padding:0 14px}.layout>nav{display:flex;flex-wrap:wrap;gap:8px}.layout>nav .eyebrow{width:100%;margin:0}.layout>nav a{font-size:12px;border:1px solid #dce6db;border-radius:6px;padding:8px;flex:1 1 42%;overflow-wrap:anywhere}.mortgage{padding:16px;margin-left:-8px;margin-right:-8px}.mortgage .mc-cards article{display:block}.article-body h2{font-size:21px}main{padding:20px}header a{font-size:21px}}

/* Editorial cards and gentle motion: content always visible without JavaScript. */
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.topic-card{display:block;padding:20px;border:1px solid #d6e4de;border-radius:16px;text-decoration:none;background:#f3f8f5;transition:transform .18s ease,box-shadow .18s ease}.topic-card span{display:block;font-size:12px;color:#516f69;margin-bottom:10px}.topic-card strong{font-size:18px;line-height:1.4}.topic-card p{font-size:14px;margin-bottom:0}.topic-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #18344512}a:focus-visible{outline:3px solid #a66012;outline-offset:4px}.auto-theme{background:radial-gradient(ellipse at 95% 0,#f7e9d1,transparent 45%),#f2f6f3}.auto-theme main{border-radius:24px;box-shadow:0 16px 55px #18344508}.auto-theme h1{letter-spacing:-1.3px;max-width:900px}.reading-meta{font-size:13px;color:#516a60;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.journey{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:26px;background:#e9f2ea;border-radius:20px;gap:12px;margin:24px 0}.journey h2{font-size:25px;line-height:1.25;margin:10px 0}.journey svg{width:100%;height:auto}.journey p{font-size:14px}.auto-theme .article-body h2{padding-left:16px;border-left:4px solid #d7a45e}.auto-theme .lead{font-size:20px;max-width:800px}.auto-theme main{animation:arrive .4s ease-out both}@keyframes arrive{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:740px){.journey{grid-template-columns:1fr;padding:20px}.journey svg{max-width:300px;justify-self:center}.auto-theme h1{font-size:30px}.auto-theme .lead{font-size:17px}.auto-theme main{border-radius:18px}.topic-card{padding:16px}}

.mortgage-theme{background:radial-gradient(ellipse at 95% 0,#e1edf5,transparent 45%),#f4f7f9}.mortgage-journey{background:#edf3f7}.mortgage-theme .article-body h2{border-left-color:#82a6be}.mortgage-theme .topic-card{background:#f0f5f9;border-color:#d6e3ed}.mortgage-theme .topic-card span{color:#506b80}.mortgage-theme nav a[aria-current=page]{background:#e1edf4;color:#244a62}.mortgage-theme .mortgage{background:#fbfdff;border-color:#d6e3ed}.mortgage-theme .compact-journey{grid-template-columns:1.2fr 1fr;padding:20px 26px}.compact-journey svg{max-height:150px}.mortgage-theme #mortgage-form{scroll-margin-top:24px}@media(max-width:740px){.mortgage-theme .compact-journey{grid-template-columns:1fr;padding:20px}.compact-journey svg{max-height:120px}.mortgage-theme .journey h2{font-size:24px}}

.new-badge{display:inline-block;vertical-align:super;font-size:10px;font-weight:600;line-height:1;letter-spacing:.03em;color:#357363;background:#edf6ef;border-radius:4px;padding:3px 5px;margin-left:5px;white-space:nowrap;text-transform:none}h1 .new-badge{font-size:11px;letter-spacing:.03em}

.illustrated-theme{background:radial-gradient(ellipse at 90% 0,#e7f1eb,transparent 45%),#f4f7f5}.illustrated-theme main{border-radius:22px;box-shadow:0 15px 50px #18344508;animation:arrive .4s ease-out both}.topic-illustration{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:16px;background:#edf4ef;border-radius:18px;padding:24px;margin:28px 0}.topic-illustration h2{font-size:26px;line-height:1.3;margin:8px 0}.topic-illustration p{font-size:14px}.topic-illustration svg{width:100%;height:auto;max-height:220px}.illustrated-theme .article-body h2{padding-left:14px;border-left:4px solid #b8d1c3}@media(max-width:740px){.topic-illustration{grid-template-columns:1fr;padding:18px}.topic-illustration svg{max-height:170px}.topic-illustration h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.illustrated-theme main{animation:none}}

.article-toc{border:1px solid #d6e3df;border-radius:12px;padding:16px 20px;margin-top:24px;background:#f7faf8}.article-toc summary{cursor:pointer;font-weight:650}.article-toc li{margin:12px 0;line-height:1.5}.article-body h2{scroll-margin-top:24px}.article-toc ul{padding-left:20px}

.metrika-pixel{position:absolute;left:-9999px;width:1px;height:1px}
.site-identity{margin-top:24px;padding-top:16px;border-top:1px solid #e1e8e6}.site-identity p{line-height:1.7}.info-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px}.ad-preview{border:1px dashed #c5d3ce;border-radius:12px;margin:28px 0;padding:24px;text-align:center;background:#f6f9f7;color:#687c75;min-height:110px}.ad-preview span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ad-preview p{font-size:13px;margin:8px 0 0}

.business-visual{background:#edf3ea}.business-comparison h2{line-height:1.35}.comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid #d6e3df;border-radius:12px}.comparison-scroll:focus-visible{outline:3px solid #a66012;outline-offset:4px}.comparison-scroll table{border-collapse:collapse;min-width:700px;width:100%;font-size:14px;line-height:1.6}.comparison-scroll caption{text-align:left;padding:16px;font-weight:650;background:#eef5ef}.comparison-scroll th,.comparison-scroll td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #d6e3df}.comparison-scroll thead{background:#24685d;color:#fff}.comparison-scroll tbody th{width:18%;background:#f6faf7}.comparison-scroll td{width:27%}
