/* Two authored page compositions. No legacy page CSS or migration-theme.css is loaded. */
.crafted{--accent:var(--coral);--border:var(--line);--text-mid:var(--muted)}
.crafted h1{font-size:46px;line-height:1.22;font-weight:750;letter-spacing:0;margin:0 0 24px}
.crafted h2{font-size:33px;line-height:1.28;letter-spacing:0}
.crafted h3{letter-spacing:0;line-height:1.4}
.crafted .section{padding:76px 0}
.breadcrumbs{display:flex;align-items:center;gap:12px;padding:20px 0;font-size:10px;color:var(--muted)}
.breadcrumbs a:hover{text-decoration:underline}
.brand-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:0}
.brand-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:10px 0 #a19898,20px 0 var(--ink);margin-right:20px;flex-shrink:0}
.section-desc{font-size:14px;line-height:1.85;color:var(--muted);max-width:660px;margin-bottom:0}
.mortgage-hero{background:var(--paper);padding:45px 0 52px;border-bottom:1px solid var(--line)}
.mortgage-grid{display:grid;grid-template-columns:minmax(0,1fr) 447px;gap:70px;align-items:center}
.mortgage-intro h1 span{color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:5px;text-underline-offset:8px}
.mortgage-desc{max-width:540px;margin-top:28px}
.mortgage-desc p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:12px}
.mortgage-desc p:first-child{font-weight:500;color:var(--ink)}
.mortgage-trust{display:flex;flex-direction:column;gap:10px;margin:25px 0 0;font-size:11px;color:var(--muted)}
.mortgage-trust>span{display:flex;align-items:center;gap:8px}
.mortgage-trust .icon{width:18px;height:18px;padding:4px;border-radius:50%;background:var(--lily);color:var(--ink)}
.crafted .hero-press{margin-top:28px;padding-top:22px}
.consult-card{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden}
.consult-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 27px;background:var(--lily)}
.consult-heading>span{font-size:15px;font-weight:600}
.consult-heading small{font-size:10px;color:var(--muted)}
.consult-body{padding:7px 28px 27px}
.consult-feature{display:flex;align-items:flex-start;gap:17px;padding:24px 0;border-bottom:1px solid var(--line)}
.consult-feature>.icon{height:39px;width:39px;border-radius:50%;padding:10px;background:var(--paper);margin-top:1px}
.consult-feature h3{font-size:16px;margin:0 0 7px;font-weight:700}
.consult-feature p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.consult-tags{display:flex;gap:17px;padding:20px 0;font-size:9px;color:var(--muted)}
.consult-tags span{display:flex;gap:5px;align-items:center}
.consult-tags .icon{width:13px;height:13px}
.consult-body>.button{display:flex;justify-content:space-between;width:100%;font-size:12px}
.consult-license{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;background:var(--paper);font-size:10px;color:var(--muted)}
.consult-license>.icon{width:19px;height:19px}
.quiet-stats{border-bottom:1px solid var(--line)}
.quiet-stats>.wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:29px 0}
.quiet-stats>.wrap>div{display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}
.quiet-stats>.wrap>div:last-child{border:0}
.quiet-stats strong{font-size:26px;line-height:1.3;font-weight:700}
.quiet-stats span{font-size:10px;color:var(--muted);max-width:190px}
.page-sections{background:var(--paper);border-bottom:1px solid var(--line)}
.page-sections>.wrap{display:flex;gap:34px;align-items:center;padding:17px 0;overflow:auto;scrollbar-width:thin}
.page-sections a{font-size:12px;font-weight:500;white-space:nowrap}
.page-sections a:hover{color:var(--coral-text)}
.mortgage-how h2{max-width:650px}
.mortgage-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:31px;margin-top:38px}
.mortgage-step .step-index{margin-bottom:23px}
.mortgage-step:nth-child(1) .step-index{background:var(--soft)}
.mortgage-step:last-child .step-index{background:var(--lime)}
.mortgage-step h3{font-size:17px;min-height:48px;margin-bottom:15px}
.mortgage-step p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.mortgage-why{background:var(--paper)}
.rationale-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:100px}
.advice-reasons{display:grid;grid-template-columns:1fr 1fr;gap:30px 35px}
.advice-reason{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:22px;align-items:flex-start}
.reason-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:white;font-size:10px;font-weight:600;margin-top:2px}
.advice-reason h3{font-size:15px;margin:4px 0 12px}
.advice-reason p{font-size:12px;line-height:1.9;margin:0;color:var(--muted)}
.dossier-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:105px;align-items:start}
.reading-nav{position:sticky;top:28px}
.reading-nav h2{font-size:24px;line-height:1.35;margin-bottom:23px}
.reading-nav nav{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:9px}
.reading-nav nav a{display:block;font-size:11px;line-height:1.65;padding:9px 0;color:var(--muted)}
.reading-nav nav a:hover{color:var(--coral-text);text-decoration:underline;text-underline-offset:3px}
.reading-nav .button{font-size:10px;min-height:42px;padding:10px 15px;gap:10px;margin-top:23px}
.reading-body{min-width:0}
.topic{padding:0 0 44px;margin-bottom:44px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.topic:last-child{margin:0;padding:0;border:0}
.topic h2{font-size:28px;margin-bottom:22px;max-width:710px}
.topic h3{font-size:18px;margin:28px 0 14px}
.topic p,.topic li{font-size:14px;line-height:1.95;color:var(--muted)}
.topic p{margin-bottom:17px}
.topic ul,.topic ol{padding-left:22px;margin:20px 0}
.topic li{padding-left:4px;margin-bottom:11px}
.topic li::marker{color:var(--coral-text)}
.topic strong{color:var(--ink);font-weight:600}
.topic a,.example-copy a,.directory-guidance a,.example-explanation a,.examples-data a,.calculator-faq a{color:var(--coral-text);text-decoration:underline;text-underline-offset:3px}
.table-wrap{width:100%;overflow-x:auto;scrollbar-width:thin}
.data-table{width:100%;border-collapse:collapse;text-align:left;line-height:1.75;font-size:12px}
.data-table thead{background:var(--paper)}
.data-table th{font-size:11px;font-weight:600;color:var(--ink);vertical-align:top}
.data-table th,.data-table td{padding:15px 14px;border-bottom:1px solid var(--line)}
.data-table td{color:var(--muted);vertical-align:top}
.data-table a{text-decoration-thickness:1px}
.example-section{background:var(--paper)}
.example-layout{display:grid;grid-template-columns:340px 1fr;gap:100px;align-items:start}
.example-copy{max-width:760px}
.example-copy .params-example-label{display:none}
.example-copy>p{font-size:14px;line-height:1.95;margin-bottom:20px}
.example-copy>p:first-of-type{color:var(--ink);font-weight:500}
.example-copy>p:not(:first-of-type){font-size:12px;color:var(--muted)}
.mortgage-clients{background:#fff}
.clients-composition{display:grid;grid-template-columns:360px 1fr;gap:34px;margin-top:34px}
.client-film{min-width:0;align-self:start;position:sticky;top:28px;background:var(--ink);border-radius:24px;overflow:hidden}
.client-film video{display:block;width:100%;height:270px;object-fit:contain}
.client-film>span{display:block;padding:15px 20px;font-size:11px;color:white;border-top:1px solid #ffffff25}
.client-quotes{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.client-quote{margin:0;border-top:1px solid var(--line);padding:22px 0 0;display:flex;flex-direction:column}
.client-quote>span{font-size:12px;color:var(--coral-text);letter-spacing:2px;margin-bottom:14px}
.client-quote blockquote{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 18px}
.client-quote figcaption{font-size:11px;font-weight:600;margin-top:auto}
.mortgage-parameters{border-top:1px solid var(--line)}
.parameters-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:100px}
.parameter-notes p{font-size:12px;line-height:1.95;color:var(--muted)}
.parameters-layout .data-table td:first-child{font-weight:600;color:var(--ink);width:32%}
.related{background:var(--paper)}
.resource-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:30px}
.resource-links a{display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:13px;line-height:1.8;padding:24px 0;border-top:1px solid var(--line)}
.resource-links .icon{width:18px;height:18px;color:var(--coral-text)}
.crafted .cta p{max-width:680px;line-height:1.8}
.crafted .cta .button{flex-shrink:0}
/* Calculator: the input area and the answer form a single tool, followed by a full-width schedule. */
.calculator-section{background:var(--paper);padding:35px 0 45px;border-bottom:1px solid var(--line)}
.tool-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:35px}
.tool-heading h1{font-size:42px;margin-bottom:18px}
.tool-heading .eyebrow{margin-bottom:19px}
.tool-intro p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 9px}
.tool-intro p:nth-child(n+2){font-size:10px}
.tool-alternative{display:flex;gap:13px;align-items:center;font-size:11px;font-weight:500;white-space:nowrap;margin-bottom:12px}
.tool-alternative .icon{width:17px;height:17px;color:var(--coral-text)}
.calculator-layout{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;background:white;border:1px solid var(--line)}
.calculator-controls{padding:29px 38px 34px}
.control-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}
.control-heading h2{font-size:17px;margin:0}
.control-heading>span{font-size:10px;color:var(--muted)}
.calculator-field{margin:0 0 27px}
.calculator-field:last-child{margin-bottom:0}
.calculator-field>label{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-bottom:9px}
.calculator-input{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:15px}
.calculator-input input{font-size:32px;line-height:1.2;font-weight:650;letter-spacing:0;border:0;background:none;color:var(--ink);padding:0;min-width:0;width:100%;border-radius:2px}
.calculator-input input:focus-visible{outline:2px solid var(--coral-text);outline-offset:4px}
.calculator-input>span{font-size:12px;color:var(--muted);flex-shrink:0}
.calc-range{appearance:none;-webkit-appearance:none;display:block;width:100%;height:5px;border-radius:4px;border:0;cursor:pointer;margin:13px 0 11px}
.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:4px solid white;border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px var(--coral)}
.calc-range::-moz-range-thumb{width:13px;height:13px;border:3px solid white;border-radius:50%;background:var(--coral);box-shadow:0 0 0 1px var(--coral)}
.calculator-limits{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.calculator-outcome{background:var(--ink);color:white;padding:40px 44px 30px;display:flex;flex-direction:column;justify-content:space-between}
.monthly-result>span{display:block;font-size:14px;color:var(--lily);margin-bottom:15px}
.monthly-result>strong{display:block;font-size:58px;font-weight:700;line-height:1.2;letter-spacing:0;white-space:nowrap}
.monthly-result>p{font-size:11px;color:#d9d3d2;margin:15px 0 30px}
.totals{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #ffffff35;padding-top:23px;margin-bottom:30px}
.totals>div>span{display:block;font-size:11px;color:#d9d3d2;margin-bottom:9px}
.totals strong{font-size:25px;white-space:nowrap;line-height:1.4;font-weight:600;color:var(--lily)}
.result-action .button{display:flex;justify-content:space-between;font-size:13px}
.result-action>span{display:block;text-align:center;color:#d9d3d2;font-size:10px;margin-top:11px}
.calc-share{margin-top:13px}
.amort-section{border-top:1px solid var(--line);margin-top:25px}
.amort-toggle{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:20px 0;border:0;background:none;font-size:13px;font-weight:600;color:var(--ink)}
.amort-toggle.open>svg:last-child{transform:rotate(180deg)}
.amort-table-wrap{display:none;max-height:480px;overflow:auto;border-radius:14px;border:1px solid var(--line);background:white;scroll-margin-top:20px}
.amort-table-wrap.open{display:block}
.amort-table{width:100%;border-collapse:collapse;min-width:520px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.amort-table th{position:sticky;top:0;background:var(--paper);font-weight:600;font-size:11px}
.amort-table th,.amort-table td{padding:13px 19px;border-bottom:1px solid var(--line)}
.amort-table th:first-child,.amort-table td:first-child{text-align:left}
.amort-table td:last-child{color:var(--muted)}
.examples-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.calculator-examples h2{font-size:29px;max-width:500px}
.example-explanation p{font-size:13px;line-height:1.95;color:var(--muted)}
.examples-data .data-table{text-align:right}
.examples-data .data-table th:first-child,.examples-data .data-table td:first-child{text-align:left}
.examples-data .data-table td{font-variant-numeric:tabular-nums}
.methodology{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted);line-height:1.9}
.methodology summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;color:var(--ink);font-size:12px;font-weight:600}
.methodology summary::-webkit-details-marker{display:none}
.methodology summary .icon{width:15px;height:15px}
.methodology[open] summary{margin-bottom:20px}
.methodology[open] summary .icon{transform:rotate(180deg)}
.methodology ul,.methodology ol{padding-left:20px}
.calculator-directory{background:var(--paper)}
.directory-intro{font-size:14px;line-height:1.85;color:var(--muted);max-width:760px}
.directory-table{margin-top:32px;background:white;border-radius:20px;overflow:auto;padding:0 22px}
.directory-table .data-table{min-width:700px;font-size:12px}
.directory-table .data-table td:first-child{width:25%;font-weight:500;color:var(--ink)}
.directory-table .data-table td:nth-child(2){width:43%}
.directory-table a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a19898}
.directory-guidance{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px}
.directory-guidance h3{font-size:21px;margin-bottom:20px}
.directory-guidance p,.directory-guidance li{font-size:13px;line-height:1.95;color:var(--muted)}
.directory-guidance ul{padding-left:20px}
.calculator-faq .faq-grid{grid-template-columns:350px minmax(0,1fr);gap:80px}
.calculator-faq .section-desc{font-size:12px}
@media(max-width:1150px){
 .mortgage-grid{grid-template-columns:minmax(0,1fr) 400px;gap:40px}
 .crafted h1{font-size:39px}.crafted h2{font-size:29px}
 .consult-heading{padding-inline:24px}.consult-body{padding-inline:24px}
 .rationale-grid{grid-template-columns:290px 1fr;gap:60px}
 .dossier-grid{grid-template-columns:220px minmax(0,1fr);gap:60px}
 .example-layout,.parameters-layout{grid-template-columns:290px minmax(0,1fr);gap:60px}
 .clients-composition{grid-template-columns:300px 1fr;gap:30px}
 .calculator-controls{padding-inline:30px}.calculator-outcome{padding-inline:32px}
 .monthly-result>strong{font-size:49px}.totals strong{font-size:22px}
 .control-heading{flex-direction:column;align-items:start;gap:5px}
 .examples-layout,.directory-guidance{gap:45px}
}
@media(min-width:701px) and (max-width:900px){
 .mortgage-grid{grid-template-columns:minmax(0,1fr) 335px;gap:30px}
 .crafted h1{font-size:32px}.mortgage-desc p{font-size:13px}
 .consult-heading{flex-direction:column;align-items:start;gap:4px;padding:18px 22px}
 .consult-feature{gap:12px;padding-block:20px}.consult-feature h3{font-size:14px}.consult-feature p{font-size:11px}
 .consult-feature>.icon{width:32px;height:32px;padding:8px}.consult-tags{font-size:8px;gap:9px}
 .consult-body{padding-inline:22px}.consult-body>.button{font-size:11px}
 .mortgage-steps{grid-template-columns:1fr 1fr;gap:34px}
 .mortgage-step h3{min-height:0}.mortgage-why .rationale-grid{grid-template-columns:1fr;gap:30px}
 .dossier-grid{grid-template-columns:185px minmax(0,1fr);gap:35px}.reading-nav h2{font-size:21px}
 .topic h2{font-size:25px}.topic p,.topic li{font-size:13px}
 .example-layout,.parameters-layout{grid-template-columns:1fr;gap:23px}
 .clients-composition{grid-template-columns:240px 1fr;gap:26px}.client-quotes{grid-template-columns:1fr}
 .calculator-controls{padding-inline:25px}.calculator-outcome{padding:34px 27px 25px}
 .monthly-result>strong{font-size:40px}.totals{grid-template-columns:1fr;gap:15px}.totals strong{font-size:23px}
 .tool-heading{gap:25px}.tool-alternative{font-size:10px}.tool-heading h1{font-size:36px}
 .result-action .button{font-size:11px;padding-inline:17px;gap:10px}
 .examples-layout{grid-template-columns:1fr;gap:25px}.calculator-faq .faq-grid{grid-template-columns:260px 1fr;gap:40px}
}
@media(max-width:700px){
 .crafted .section{padding:48px 0}.breadcrumbs{padding:18px 0;font-size:9px;gap:9px}
 .crafted h1{font-size:35px;line-height:1.24}.crafted h2{font-size:28px}
 .brand-eyebrow{font-size:9px}.mortgage-hero{padding:29px 0 35px}
 .mortgage-grid{grid-template-columns:1fr;gap:30px}.mortgage-desc{margin-top:27px}
 .mortgage-desc p{font-size:14px}.mortgage-trust{font-size:10px;gap:10px;margin-top:22px}
 .crafted .hero-press{margin-top:25px}.consult-heading{padding:20px 24px}
 .consult-heading>span{font-size:14px}.consult-heading small{font-size:9px}
 .consult-body{padding:4px 24px 24px}.consult-feature{padding-block:23px;gap:16px}
 .consult-feature h3{font-size:16px}.consult-feature p{font-size:12px}
 .consult-tags{font-size:9px;gap:17px}.consult-body>.button{font-size:12px}
 .quiet-stats>.wrap{grid-template-columns:1fr 1fr;gap:24px 20px;padding:27px 0}
 .quiet-stats>.wrap>div:nth-child(2){border:0}.quiet-stats strong{font-size:24px}
 .quiet-stats span{font-size:10px;max-width:140px}.page-sections>.wrap{gap:25px;padding:16px 0}
 .page-sections a{font-size:11px}.section-desc{font-size:13px}
 .mortgage-steps{grid-template-columns:1fr;gap:29px;margin-top:30px}
 .mortgage-step{position:relative;padding-left:54px}.mortgage-step .step-index{position:absolute;top:0;left:0;width:34px;height:34px;font-size:10px}
 .mortgage-step h3{min-height:0;font-size:17px;margin-bottom:12px}.mortgage-step p{font-size:13px}
 .rationale-grid{grid-template-columns:1fr;gap:29px}.advice-reasons{grid-template-columns:1fr;gap:24px}
 .advice-reason{gap:18px}.advice-reason h3{font-size:16px}.advice-reason p{font-size:13px}
 .dossier-grid{grid-template-columns:1fr;gap:32px}.reading-nav{position:static}
 .reading-nav h2{font-size:27px}.reading-nav h2 br{display:none}
 .reading-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-block:10px;border-bottom:1px solid var(--line)}
 .reading-nav nav a{font-size:11px;padding:9px 0}.reading-nav .button{margin-top:20px;font-size:11px}
 .topic{padding-bottom:32px;margin-bottom:32px}.topic h2{font-size:25px;margin-bottom:20px}
 .topic p,.topic li{font-size:14px;line-height:1.9}.topic h3{font-size:18px}
 .topic .data-table{min-width:480px}.data-table th,.data-table td{padding:13px 12px}
 .example-layout,.parameters-layout{grid-template-columns:1fr;gap:22px}
 .example-copy>p{font-size:14px}.example-copy>p:not(:first-of-type){font-size:12px}
 .clients-composition{grid-template-columns:1fr;gap:27px}.client-film{position:static}
 .client-film video{height:240px}.client-quotes{grid-template-columns:1fr;gap:25px}
 .client-quote blockquote{font-size:14px}.client-quote figcaption{font-size:12px}
 .parameters-layout .data-table{font-size:12px}.parameters-layout .data-table td:first-child{font-size:11px;width:34%}
 .resource-links{grid-template-columns:1fr;gap:0;margin-top:25px}.resource-links a{padding:21px 0}
 .calculator-section{padding:28px 0 25px}.tool-heading{display:block;margin-bottom:27px}
 .tool-heading h1{font-size:35px;margin-bottom:20px}.tool-intro p{font-size:14px}.tool-intro p:nth-child(n+2){font-size:10px;line-height:1.85}
 .tool-alternative{font-size:11px;margin:20px 0 0}.calculator-layout{grid-template-columns:1fr;border-radius:22px}
 .calculator-controls{padding:25px}.control-heading{flex-direction:row;align-items:center;padding-bottom:22px;margin-bottom:24px}
 .control-heading h2{font-size:16px}.control-heading>span{font-size:9px}
 .calculator-field{margin-bottom:28px}.calculator-input input{font-size:31px}
 .calculator-outcome{padding:31px 25px 23px}.monthly-result>span{font-size:13px;margin-bottom:12px}
 .monthly-result>strong{font-size:46px}.monthly-result>p{font-size:10px;margin:12px 0 25px}
 .totals{grid-template-columns:1fr 1fr;gap:18px;padding-top:21px;margin-bottom:24px}.totals strong{font-size:20px}
 .totals>div>span{font-size:10px}.result-action .button{font-size:12px}.result-action>span{font-size:10px}
 .amort-toggle{font-size:12px;gap:9px;line-height:1.6}.amort-toggle>svg{flex-shrink:0}
 .amort-table{min-width:510px}.amort-table th,.amort-table td{padding:12px 15px}
 .examples-layout{grid-template-columns:1fr;gap:25px}.calculator-examples h2{font-size:26px}
 .example-explanation p{font-size:14px}.examples-data .data-table{font-size:11px;min-width:360px}
 .methodology{font-size:13px}.directory-intro{font-size:14px}.directory-table{padding:0 12px;margin-top:25px;border-radius:16px}
 .directory-table .data-table{min-width:670px}.directory-guidance{grid-template-columns:1fr;gap:20px;margin-top:30px}
 .directory-guidance p,.directory-guidance li{font-size:14px}.directory-guidance h3{font-size:22px}
 .calculator-faq .faq-grid{grid-template-columns:1fr;gap:27px}
}
@media(max-width:370px){
 .crafted h1{font-size:31px}.consult-heading{gap:10px;padding-inline:21px}
 .consult-heading>span{font-size:12px}.consult-heading small{font-size:8px}.consult-body{padding-inline:21px}
 .consult-tags{font-size:8px;gap:11px}.quiet-stats strong{font-size:21px}
 .control-heading{flex-direction:column;align-items:start;gap:5px}.calculator-controls,.calculator-outcome{padding-inline:22px}
 .monthly-result>strong{font-size:38px}.totals strong{font-size:17px}.totals{gap:13px}
 .result-action .button{font-size:11px;padding-inline:18px}.reading-nav nav{gap:0 16px}
 .tool-heading h1{font-size:31px}.calculator-examples h2{font-size:24px}
}
.data-table caption{caption-side:bottom;text-align:left;font-size:11px;line-height:1.9;color:var(--muted);padding:19px 0 0}
.methodology>div>a{display:inline-block;margin-top:8px;font-weight:600}
.mortgage-grid>*,.rationale-grid>*,.dossier-grid>*,.example-layout>*,.parameters-layout>*,.clients-composition>*,.client-quotes>*,.calculator-layout>*,.examples-layout>*,.directory-guidance>*,.faq-grid>*{min-width:0}
.calculator-page .calculator-outcome .calc-share .cs-btn{flex:1 1 0;min-width:0;min-height:42px;background:transparent;color:#d9d3d2;border:1px solid #ffffff40;border-radius:18px;padding:9px 11px;font-size:10px;font-weight:500;line-height:1.5}
.calculator-page .calculator-outcome .calc-share .cs-btn:hover{color:white;border-color:var(--lily);background:#ffffff0b}
.calculator-page .calculator-outcome .calc-share .cs-status{color:#d9d3d2;font-size:10px}
@media(max-width:700px){.mortgage-page h1{font-size:32px}.control-heading{flex-direction:column;align-items:start;gap:6px}.calculator-page .calculator-outcome .calc-share .cs-btn{font-size:9px;gap:7px}.calculator-page .calculator-outcome .calc-share .cs-btn svg{width:13px;height:13px}}
@media(max-width:370px){.mortgage-page h1{font-size:29px}}
@media print{
 .crafted .header,.crafted .utility,.crafted .breadcrumbs,.crafted .site-footer,.crafted .result-action,.crafted .tool-alternative{display:none!important}
 .crafted .calculator-section{padding:0;background:white;border:0}
 .crafted .wrap{width:100%;max-width:100%}
 .crafted .calculator-outcome{background:white!important;color:#0e1c1d!important;border-left:1px solid #d9d3d2;padding:22px}
 .crafted .calculator-outcome span,.crafted .calculator-outcome strong,.crafted .calculator-outcome p{color:#0e1c1d!important}
 .crafted .calculator-layout{grid-template-columns:1fr 1fr;break-inside:avoid}
 .crafted .calculator-controls{padding:22px}.crafted .calculator-input input{font-size:22px}
 .crafted .monthly-result>strong{font-size:35px}.crafted .totals strong{font-size:18px}
 .crafted .calculator-section h1{font-size:28px}.crafted .calculator-section .tool-heading{margin-bottom:20px}
 .crafted .amort-table-wrap.open{display:block;overflow:visible;max-height:none}
 .crafted .amort-table{min-width:0}.crafted .amort-table thead th{position:static}
}