/* Isabelle Clavet — quiet premium, approachable mortgage journey and in-page calculators. */
:root{--ic-x-ink:#2b2930;--ic-x-soft:#f8f5f6;--ic-x-rose:#b68a9f;--ic-x-deep:#4b3b46;--ic-x-line:#e1d8dd}
.ic-journey,.ic-guide-tool{position:relative;box-sizing:border-box;color:var(--ic-x-ink);border:1px solid var(--ic-x-line);border-radius:19px;background:linear-gradient(151deg,#fff 0%,#fbf8f9 70%,#f6f1f4 100%);box-shadow:0 3px 9px rgba(45,36,43,.045),0 18px 49px rgba(45,36,43,.075);padding:clamp(19px,3.4vw,40px);margin:28px auto 35px;width:min(1120px,calc(100% - 30px));font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}
.seo-guide .ic-guide-tool{width:100%;margin:28px 0 34px;max-width:960px}
.ic-journey::before,.ic-guide-tool::before{content:"";display:block;position:absolute;left:20px;top:0;height:3px;width:clamp(110px,30%,310px);border-radius:0 0 6px 6px;background:linear-gradient(90deg,#9f7389,#dfbecf);pointer-events:none}
.ic-x-head{margin-bottom:24px}.ic-x-head h2{font:600 clamp(25px,3vw,34px)/1.19 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.035em;color:var(--ic-x-ink);margin:5px 0 9px}.ic-x-head p{margin:0;color:#60565f;font-size:15px;line-height:1.6;max-width:680px}
.ic-x-eyebrow{font:700 11px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.14em;color:#745468}
.ic-x-body>h3{font-size:19px;letter-spacing:-.015em;font-weight:650;margin:0 0 18px;color:var(--ic-x-ink)}
.ic-x-progress{display:flex;align-items:center;gap:18px;margin-top:18px;color:#6a5862;font-size:13px;font-weight:620}.ic-x-progress progress{appearance:none;-webkit-appearance:none;width:min(240px,53%);height:7px;border:0;background:#ece3e8;border-radius:9px;overflow:hidden}.ic-x-progress progress::-webkit-progress-bar{background:#ece3e8}.ic-x-progress progress::-webkit-progress-value{background:#926e81;border-radius:9px}.ic-x-progress progress::-moz-progress-bar{background:#926e81;border-radius:9px}
.ic-x-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 21px;margin-bottom:21px}.ic-x-field{min-width:0;display:flex;flex-direction:column;gap:8px}.ic-x-field label{font-weight:630;color:#3b333c;font-size:13px;line-height:1.5}
.ic-x-field input,.ic-x-field select{box-sizing:border-box;width:100%;min-height:50px;min-width:0;border:1px solid #cfc4ca;border-radius:10px;background:#fff;color:#26232a;font:600 16px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding:12px 15px;box-shadow:inset 0 2px 4px rgba(36,24,32,.025);transition:border-color .2s,box-shadow .2s}
.ic-x-field input:focus-visible,.ic-x-field select:focus-visible{outline:3px solid #876579;outline-offset:2px;border-color:#876579}
.ic-x-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0 20px}
.ic-x-choice{min-height:83px;border:1px solid #d6cad1;border-radius:13px;background:linear-gradient(#fff,#fcf9fa);color:#383039;font:700 clamp(14px,1.7vw,18px)/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding:14px 13px;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(54,34,46,.06);transition:transform .22s,box-shadow .22s,border-color .22s}
.ic-x-choice[aria-pressed=true]{border-color:#936b80;background:#faf0f5}.ic-x-choice:focus-visible{outline:3px solid #876579;outline-offset:3px}
.ic-x-actions,.ic-x-nav{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:20px}
.ic-x-nav{justify-content:flex-end;padding-top:14px;border-top:1px solid var(--ic-x-line)}
.ic-x-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:47px;max-width:100%;padding:11px 17px;border-radius:10px;border:1px solid #b2a4ad;font:650 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-decoration:none!important;text-align:center;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s}
.ic-x-primary{background:linear-gradient(145deg,#51404b,#3b313b);color:#fff!important;border-color:#3b313b;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 15px rgba(58,42,53,.14)}
.ic-x-secondary{background:#fff;color:#413541!important;border-color:#c6b9c2;box-shadow:0 3px 10px rgba(40,31,38,.045)}
.ic-x-feedback{color:#8a2948;font-size:13px;line-height:1.5;margin:8px 0;min-height:2px}
.ic-x-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.ic-x-result-grid>div{min-width:0;display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #e6dce2;border-radius:12px;padding:16px 17px;box-shadow:0 2px 9px rgba(40,30,36,.03)}
.ic-x-result-grid span,.ic-x-highlight>span{color:#6a5d66;font-size:12px;line-height:1.45;font-weight:600}
.ic-x-result-grid strong{font-size:clamp(16px,1.9vw,22px);font-weight:750;letter-spacing:-.035em;color:#363037;overflow-wrap:anywhere}
.ic-x-highlight{background:linear-gradient(130deg,#f4eaf0,#f9f5f7);border:1px solid #d6becb;border-radius:13px;padding:19px 20px;display:flex;flex-direction:column;gap:6px}
.ic-x-highlight strong{font-size:clamp(28px,4vw,40px);line-height:1.13;font-weight:750;letter-spacing:-.045em;color:#40303c}
.ic-x-disclaimer{font-size:12px;line-height:1.55;color:#5e535a;margin:12px 0 0;max-width:780px}
.ic-x-notes{padding-left:21px;margin:12px 0 18px;color:#483f47}.ic-x-notes li{margin-bottom:8px;line-height:1.5;font-size:14px}
.ic-x-handoff{border:1px solid #dcc8d3;border-radius:12px;padding:14px 16px;background:#fbf7f9;margin:16px 0}.ic-x-handoff legend{font-weight:700;color:#493842;padding:0 5px}.ic-x-handoff p{margin:5px 0 12px;font-size:13px;color:#4a404a}
.ic-x-handoff pre{white-space:pre-wrap;overflow-wrap:anywhere;font:500 12px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#3e3740;background:#fff;padding:12px;border:1px solid #ebe1e6;border-radius:8px;margin:0 0 12px}
.ic-x-handoff .ic-x-handoff-choice{display:flex;gap:9px;align-items:flex-start;margin:0;color:#40353e;font-size:13px;line-height:1.5}
.ic-x-handoff-choice input{width:18px;height:18px;accent-color:#765266;flex:0 0 18px;margin:2px 0 0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.ic-x-choice:hover{transform:translateY(-2px);border-color:#b9a3b0;box-shadow:0 12px 22px rgba(54,34,46,.09)}
.ic-x-button:hover{transform:translateY(-2px);box-shadow:0 9px 19px rgba(58,42,53,.16)}
}
.ic-x-button:active,.ic-x-choice:active{transform:translateY(1px)}
.ic-x-button:focus-visible{outline:3px solid #876579;outline-offset:3px}
@media(max-width:700px){.ic-journey,.ic-guide-tool{width:calc(100% - 24px);padding:22px 17px;margin:22px auto 26px;border-radius:15px}.seo-guide .ic-guide-tool{width:100%}.ic-x-fields{grid-template-columns:1fr;gap:13px}.ic-x-choices{grid-template-columns:1fr;gap:9px}.ic-x-choice{min-height:58px}.ic-x-result-grid{grid-template-columns:1fr}.ic-x-result-grid strong{font-size:22px}.ic-x-actions{flex-direction:column;align-items:stretch}.ic-x-actions>*{width:100%}.ic-x-nav{flex-wrap:wrap}.ic-x-head h2{font-size:26px}}
@media(max-width:360px){.ic-journey,.ic-guide-tool{padding:19px 13px}.ic-x-button{min-height:48px;font-size:13px}.ic-x-head h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ic-x-choice,.ic-x-button,.ic-x-field input,.ic-x-field select{transition:none!important;transform:none!important}}
@media print{.ic-journey,.ic-guide-tool{box-shadow:none!important;border:1px solid #bbb;width:100%;break-inside:avoid}.ic-x-actions,.ic-x-nav{display:none!important}.ic-x-handoff{break-inside:avoid}.ic-x-fields{display:none!important}}