:root{
  --bg:#f7f9fc;--surface:#ffffff;--surface-soft:#f0f6ff;--text:#102a43;--muted:#61758a;
  --line:#dbe6f2;--primary:#1769e0;--primary-dark:#0e4fae;--teal:#168a8a;--success:#159260;
  --shadow:0 20px 55px rgba(38,66,105,.10);--shadow-sm:0 10px 28px rgba(38,66,105,.08);
  --radius:22px;--max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
figure{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
p,li{overflow-wrap:break-word;hyphens:auto;text-wrap:pretty}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 14px;z-index:999}.skip-link:focus{left:12px;top:12px}
.site-shell{overflow:clip}
.topbar{width:min(calc(100% - 28px),var(--max));margin:14px auto 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:10px;z-index:60;background:rgba(255,255,255,.94);border:1px solid rgba(219,230,242,.95);border-radius:18px;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--primary),#4e96ff);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(23,105,224,.24)}.brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.brand-text strong{font-size:15px}.brand-text small{font-size:12px;color:var(--muted);margin-top:4px}
.nav{display:flex;align-items:center;gap:22px}.nav a{font-size:14px;font-weight:750;color:#425b73}.nav a:hover,.nav a[aria-current="page"]{color:var(--primary)}
.menu-toggle{display:none;width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;height:2px;margin:6px 0;border-radius:4px;background:var(--text)}
.container{width:min(calc(100% - 28px),var(--max));margin-inline:auto}
.hero{padding:82px 0 58px;background:linear-gradient(180deg,#f7fbff 0%,#edf5ff 58%,var(--bg) 100%)}.hero-grid{display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:54px}
.eyebrow{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:#e9f2ff;border:1px solid #cadfff;color:var(--primary-dark);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;line-height:1.35}
.hero h1{margin:18px 0;font-size:clamp(42px,5.6vw,70px);line-height:1.02;letter-spacing:-.05em}.hero h1 span{color:var(--primary)}.hero-lead{max-width:720px;margin:0;color:var(--muted);font-size:clamp(17px,2vw,20px)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 19px;border-radius:13px;font-size:14px;font-weight:850;border:1px solid transparent;transition:.2s ease;white-space:normal;text-align:center;line-height:1.35;overflow-wrap:anywhere}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px rgba(23,105,224,.22)}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:#fff;border-color:var(--line);color:var(--text)}
.hero-note{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:23px;color:#4f6b83;font-size:13px}.hero-visual{background:#fff;border:1px solid var(--line);border-radius:28px;padding:10px;box-shadow:var(--shadow);min-width:0}.hero-visual img{width:100%;border-radius:20px;aspect-ratio:1.9/1;object-fit:cover;object-position:left top}
.trust-strip{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.trust-strip div{padding:18px 20px;border-right:1px solid var(--line)}.trust-strip div:last-child{border-right:0}.trust-strip strong{display:block;font-size:18px}.trust-strip span{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.section{padding:78px 0}.section-soft{background:#eef5fd;border-block:1px solid #dfebf7}.section-heading{max-width:800px;margin-bottom:32px}.section-heading h2{margin:14px 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);font-size:16px}
.feature-grid,.service-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.feature-card{padding:24px}.feature-num{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eaf3ff;color:var(--primary);font-weight:900;margin-bottom:18px}.feature-card h3,.service-card h3,.guide-card h3{margin:0 0 9px;font-size:19px;line-height:1.3}.feature-card p,.service-card p,.guide-card p{margin:0;color:var(--muted);font-size:14px}
.service-card{overflow:hidden;display:flex;flex-direction:column}.service-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line)}.service-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.service-card-link{margin-top:auto;padding-top:18px;color:var(--primary);font-size:13px;font-weight:850;overflow-wrap:anywhere}.service-card:hover,.guide-card:hover{border-color:#b9d3f3;box-shadow:0 18px 42px rgba(31,83,145,.12)}
.catalog-wrap{width:100%;max-width:100%;padding:18px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.catalog-note{margin-bottom:15px;padding:13px 15px;background:#f3f7fb;border:1px solid #e1eaf3;border-radius:13px;color:#536b81;font-size:13px}
.guide-card{padding:21px;transition:.2s ease}.guide-card .tag{display:inline-flex;margin-bottom:12px;padding:4px 8px;background:#edf4ff;border-radius:999px;color:var(--primary-dark);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.guide-card:hover{transform:translateY(-3px)}
.faq-list{display:grid;gap:11px;max-width:930px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-question{width:100%;padding:18px 20px;border:0;background:transparent;color:var(--text);display:flex;align-items:flex-start;justify-content:space-between;gap:18px;text-align:left;font-size:16px;font-weight:800;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}.faq-question span{flex:0 0 auto;color:var(--primary);font-size:21px;transition:.2s}.faq-item.open .faq-question span{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .25s ease}.faq-answer p{margin:0;padding:0 20px 20px;color:var(--muted);font-size:14px}
.cta{margin:10px auto 76px;padding:30px 34px;background:linear-gradient(135deg,#0f5ecf,#267be9);color:#fff;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 20px 45px rgba(23,105,224,.22)}.cta h2{margin:8px 0 0;max-width:760px;font-size:clamp(26px,3.5vw,40px);line-height:1.08}.cta .eyebrow{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);color:#fff}.cta .button{background:#fff;color:var(--primary-dark);min-width:170px}
.footer{padding:34px 0 42px;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}.footer h3{margin:0 0 10px;font-size:15px}.footer p{margin:0;color:var(--muted);font-size:13px}.footer-links{display:grid;gap:7px}.footer-links a{font-size:13px;color:#4d667e;overflow-wrap:anywhere}.footer-links a:hover{color:var(--primary)}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
/* Article pages */
.breadcrumbs{padding:28px 0 0;color:#71869a;font-size:12px}.breadcrumbs a{color:var(--primary)}.article-hero{padding:38px 0 54px}.article-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.article-hero h1{margin:14px 0 16px;font-size:clamp(38px,5.5vw,62px);line-height:1.04;letter-spacing:-.045em}.article-hero p{margin:0;color:var(--muted);font-size:17px}.article-visual{background:#fff;border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:var(--shadow);min-width:0}.article-visual img{width:100%;border-radius:17px;aspect-ratio:16/10;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.article-content{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow-sm)}.article-content>p:first-child{margin-top:22px}.article-content h2{margin:34px 0 12px;font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.025em}.article-content h2:first-child{margin-top:0}.article-content h3{margin:25px 0 9px;font-size:20px}.article-content p{margin:0 0 16px;color:#405c74}.article-content ul,.article-content ol{color:#405c74;padding-left:22px}.article-content li{margin:8px 0}.info-box{margin:22px 0;padding:18px 20px;border-left:4px solid var(--primary);background:#f2f7ff;border-radius:0 14px 14px 0;color:#3e5c76}.steps{counter-reset:step;display:grid;gap:12px;padding:0;list-style:none}.steps li{counter-increment:step;position:relative;padding:15px 16px 15px 56px;margin:0;border:1px solid var(--line);border-radius:14px;background:#fbfdff}.steps li:before{content:counter(step);position:absolute;left:14px;top:13px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e8f2ff;color:var(--primary);font-weight:900}.sidebar{display:grid;gap:16px;position:sticky;top:92px}.side-card{min-width:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.side-card h2,.side-card h3{margin:0 0 10px;font-size:18px}.side-card p{margin:0;color:var(--muted);font-size:13px}.side-card .button{width:100%;margin-top:15px}.side-links{display:grid;gap:7px}.side-links a{padding:9px 10px;border-radius:10px;background:#f5f8fc;color:#3e5972;font-size:12px;overflow-wrap:anywhere}.side-links a:hover{background:#eaf3ff;color:var(--primary)}.related{padding:58px 0 78px}.related .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notice{padding:15px 17px;background:#fff8e6;border:1px solid #f1dfad;border-radius:14px;color:#745d1f;font-size:13px}.article-faq{margin-top:34px}.article-faq h2{margin-bottom:16px}
/* Category-specific Digiseller offers */
.product-offers-section{padding:22px 0 58px;background:linear-gradient(180deg,#f7f9fc 0%,#eef5fd 100%);border-bottom:1px solid var(--line)}.product-offers-section .offers-heading{margin-bottom:22px}.product-offers-section .offers-heading h2{max-width:900px}.category-catalog{position:relative}.catalog-note-live{background:#eef7ff;border-color:#cfe3fb;color:#405d79}.category-catalog .digiseller-body{display:block;width:100%;max-width:100%;min-height:110px}
/* The Digiseller widget loads its own CSS. These rules keep its outer structure fluid. */
.digiseller-body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important}.digiseller-body img{max-width:100%!important;height:auto!important}
@media(max-width:960px){.hero-grid,.article-hero-grid{grid-template-columns:1fr}.hero{padding-top:62px}.hero-visual{max-width:760px}.feature-grid,.service-grid,.guide-grid,.related .guide-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:1fr 1fr}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div:nth-child(2){border-right:0}.trust-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:720px){
  .topbar{width:calc(100% - 16px);top:7px;margin-top:8px;padding:10px 12px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:calc(100vh - 90px);overflow:auto;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:2px}.nav.open{display:flex}.nav a{padding:11px 12px;border-radius:9px}
  .hero{padding:48px 0 40px}.hero-grid{gap:30px}.hero h1,.article-hero h1{font-size:clamp(34px,10vw,48px);letter-spacing:-.035em}.feature-grid,.service-grid,.guide-grid,.related .guide-grid,.sidebar{grid-template-columns:1fr}.section{padding:58px 0}.section-heading{margin-bottom:25px}.article-content{padding:24px}.article-hero{padding:30px 0 38px}.article-hero-grid{gap:28px}.cta{flex-direction:column;align-items:flex-start;padding:26px}.footer-grid{grid-template-columns:1fr 1fr}.trust-strip div{padding:16px}.catalog-wrap{padding:9px}.product-offers-section{padding:14px 0 44px}.category-catalog{padding:8px}
}
@media(max-width:560px){
  /* Narrow-mobile typography: no normal visible text below 15px. */
  body{font-size:16px;line-height:1.62}.container{width:calc(100% - 20px)}
  .brand-text strong,.brand-text small,.nav a,.eyebrow,.button,.hero-note,.trust-strip span,.feature-card p,.service-card p,.guide-card p,.service-card-link,.catalog-note,.faq-answer p,.footer p,.footer-links a,.footer-bottom,.breadcrumbs,.side-card p,.side-links a,.notice,.catalog-note-live{font-size:15px!important}
  .faq-question{font-size:16px}.section-heading p,.hero-lead,.article-hero p,.article-content,.article-content p,.article-content li,.info-box,.steps li{font-size:16px}
  .hero h1,.article-hero h1{font-size:clamp(32px,10vw,42px);line-height:1.08;letter-spacing:-.03em}.section-heading h2{font-size:clamp(28px,8.7vw,36px);line-height:1.12}.article-content h2{font-size:clamp(25px,7.8vw,32px)}.feature-card h3,.service-card h3,.guide-card h3,.side-card h2,.side-card h3,.footer h3{font-size:19px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .button,.cta .button{width:100%;min-height:50px;padding:13px 16px}
  .hero-visual,.article-visual{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;border-left:0;border-right:0;border-radius:0;box-shadow:0 14px 34px rgba(38,66,105,.10)}
  .hero-visual img,.article-visual img{width:100%;max-width:none;border-radius:0;aspect-ratio:auto;object-fit:contain}
  .service-card img{aspect-ratio:auto;object-fit:contain}.service-card-body{padding:18px}.feature-card,.guide-card{padding:19px}.article-content{padding:18px;border-radius:17px}.article-content>p:first-child{margin-top:0}.article-content ul,.article-content ol{padding-left:20px}.steps li{padding:15px 14px 15px 54px}.info-box{padding:16px 16px}.side-card{padding:18px}.faq-question{padding:16px}.faq-answer p{padding:0 16px 18px}.cta{margin-bottom:52px;padding:22px 18px;border-radius:18px}.footer{padding-bottom:30px}.catalog-wrap{border-radius:16px;padding:6px;box-shadow:var(--shadow-sm)}
  /* Best-effort mobile normalization for Digiseller's injected markup. */
  .digiseller-body,.digiseller-body div,.digiseller-body table,.digiseller-body tbody,.digiseller-body tr,.digiseller-body td,.digiseller-body th,.digiseller-body form{max-width:100%!important}
  .digiseller-body table{width:100%!important;table-layout:auto!important}.digiseller-body input,.digiseller-body select,.digiseller-body button,.digiseller-body a,.digiseller-body span,.digiseller-body div,.digiseller-body td,.digiseller-body th{font-size:15px!important;line-height:1.4!important}.digiseller-body input,.digiseller-body select,.digiseller-body button{max-width:100%!important;min-height:42px!important}.digiseller-body img{max-width:100%!important;height:auto!important}
}
@media(max-width:400px){.brand-text small{display:none}.brand-mark{width:40px;height:40px}.topbar{gap:8px}.hero{padding-top:40px}.article-hero{padding-top:24px}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0!important;border-bottom:1px solid var(--line)}.trust-strip div:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.section{padding:50px 0}.related{padding:48px 0 58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.service-card-image-link{display:block;line-height:0}.service-card-image-link:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:2px;border-radius:18px}.service-card-image-link img{display:block;transition:transform .18s ease}.service-card:hover .service-card-image-link img,.service-card-image-link:hover img{transform:scale(1.01)}

/* v6: вся карточка категории кликабельна */
.service-card-full-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;cursor:pointer}
.service-card-full-link:hover{color:inherit;transform:translateY(-2px);border-color:#b9d3f3;box-shadow:0 18px 42px rgba(31,83,145,.12)}
.service-card-full-link:focus-visible{outline:3px solid rgba(37,99,235,.45);outline-offset:3px}
.service-card-full-link .service-card-link{display:block;margin-top:auto;padding-top:18px;color:var(--primary);font-size:13px;font-weight:850;overflow-wrap:anywhere}
.service-card-full-link img{transition:transform .18s ease}
.service-card-full-link:hover img{transform:scale(1.01)}

/* Homepage: catalog first, popular categories next, instructions on demand. */
.catalog-first{padding-top:46px;padding-bottom:72px}
.catalog-first .section-heading h1{margin:14px 0 10px;font-size:clamp(32px,4.1vw,48px);line-height:1.08;letter-spacing:-.035em}
.catalog-first .digiseller-body{display:block;width:100%;min-height:110px}
.guides-section{padding:50px 0}
.guides-disclosure{width:100%}
.guides-disclosure-button{cursor:pointer;list-style:none;max-width:100%;user-select:none}
.guides-disclosure-button::-webkit-details-marker{display:none}
.guides-disclosure-button::marker{content:''}
.guides-disclosure-button:focus-visible{outline:3px solid #0f5ecf;outline-offset:4px}
.guides-disclosure-icon{position:relative;display:inline-block;width:18px;height:18px;margin-left:11px;flex:0 0 18px}
.guides-disclosure-icon::before,.guides-disclosure-icon::after{content:'';position:absolute;background:#fff;border-radius:2px;left:3px;right:3px;top:8px;height:2px}
.guides-disclosure-icon::after{transform:rotate(90deg);transition:transform .2s ease}
.guides-disclosure[open] .guides-disclosure-icon::after{transform:rotate(0)}
.guides-disclosure-content{padding-top:26px}
.guides-intro{max-width:880px;margin:0 0 24px;color:var(--muted)}
.guides-checks{margin-top:38px}
.guides-checks h3{font-size:clamp(24px,3vw,30px);line-height:1.2;margin:0 0 20px}
@media(max-width:560px){.catalog-first{padding-top:26px;padding-bottom:50px}.catalog-first .section-heading h1{font-size:clamp(28px,8.5vw,36px)}.guides-section{padding:34px 0}.guides-disclosure-button{width:100%;font-size:15px;text-align:center}.guides-disclosure-content{padding-top:20px}}


/* Mortgage SEO landing page. Independent from the existing catalog UI. */
.mortgage-landing{overflow:hidden}
.mortgage-landing .breadcrumbs{padding-top:28px;padding-bottom:20px}
.mortgage-hero{padding:10px 0 48px}
.mortgage-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.mortgage-hero-copy h1{font-size:clamp(32px,4.3vw,58px);line-height:1.1;letter-spacing:-.042em;margin:17px 0 23px;color:var(--text)}
.mortgage-hero-copy>p{font-size:18px;line-height:1.72;color:var(--muted);max-width:680px}
.mortgage-tags{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 26px}
.mortgage-tags span{font-size:13px;font-weight:750;padding:7px 12px;border:1px solid #c9defa;background:#eaf4ff;color:#205189;border-radius:50px}
.mortgage-hero .hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.mortgage-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #d5e6f4;border-radius:28px;padding:36px;background:radial-gradient(circle at 15% 10%,#deefff 0,transparent 43%),radial-gradient(circle at 90% 85%,#bedcf9 0,transparent 47%),#eff8ff;box-shadow:0 18px 48px rgba(27,70,110,.08)}
.mortgage-ui{width:min(100%,425px);border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 20px 56px rgba(30,65,112,.22);transform:rotate(-2deg)}
.mortgage-ui-top{background:#173e73;display:flex;align-items:center;gap:15px;padding:16px 19px;color:#d6e8fb;font-size:15px;font-weight:750}
.mortgage-ui-dots{display:flex;gap:6px}.mortgage-ui-dots i{width:8px;height:8px;border-radius:50%;background:#fa7888}.mortgage-ui-dots i:nth-child(2){background:#ffc06c}.mortgage-ui-dots i:nth-child(3){background:#68dbc1}
.mortgage-ui-main{padding:27px}.mortgage-ui-line{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#4f6680;font-size:12px;margin-bottom:10px}.mortgage-ui-line strong{color:#102d50;font-size:14px}
.mortgage-ui-track{height:7px;background:#e9f0fb;border-radius:20px;overflow:hidden;margin-bottom:23px}.mortgage-ui-track span{display:block;height:100%;background:linear-gradient(90deg,#37b7d7,#2777e2);border-radius:20px}
.mortgage-ui-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.mortgage-ui-split div{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f4f8fe;border:1px solid #e1eafa;border-radius:10px}.mortgage-ui-split small{font-size:11px;color:#62758d}.mortgage-ui-split strong{font-size:14px;color:#193b64}
.mortgage-ui-summary{border:1px solid #d9eafb;background:#f4faff;border-radius:13px;padding:16px}.mortgage-ui-summary>span{font-size:13px;color:#164a84;font-weight:750}.mortgage-chart{height:75px;margin-top:12px;display:flex;gap:10px;align-items:end}.mortgage-chart b{flex:1;background:linear-gradient(180deg,#42cfc1,#3775d9);border-radius:5px 5px 0 0}
.mortgage-visual-label{position:absolute;bottom:10px;right:17px;color:#69839d;font-size:11px}
.mortgage-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:34px;align-items:start;padding-bottom:75px}
.mortgage-content{padding:34px 40px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);min-width:0}
.mortgage-content h2{font-size:clamp(23px,2.4vw,30px);line-height:1.25;letter-spacing:-.02em;margin:34px 0 16px;color:var(--text)}
.mortgage-content h2:first-child{margin-top:0}.mortgage-content h3{font-size:19px;margin:22px 0 9px;color:var(--text)}
.mortgage-content p{font-size:16px;line-height:1.8;color:#435970;margin:0 0 17px}
.mortgage-content ul,.mortgage-content ol{padding-left:24px;margin:12px 0 24px;color:#435970}
.mortgage-content li{padding-left:5px;margin-bottom:11px;line-height:1.72}.mortgage-content strong{color:#173d67}
.mortgage-content a{color:#0755bf;text-underline-offset:3px}.mortgage-content a:hover{color:#003b8a}
.mortgage-aside{display:grid;gap:18px;position:sticky;top:20px}.mortgage-sidecard{border-radius:20px;border:1px solid #dce8f5;background:#fff;padding:24px;box-shadow:var(--shadow-sm)}.mortgage-sidecard h2{font-size:21px;margin:13px 0;color:#163251}.mortgage-sidecard p{font-size:14px;color:#60738a;line-height:1.65}.mortgage-sidecard ul{margin:15px 0 24px;padding-left:20px;color:#496079;font-size:14px;line-height:1.8}.mortgage-sidecard .button{display:flex;justify-content:center;text-align:center;font-size:14px;padding:12px}.mortgage-sidecard a:not(.button){color:var(--primary);font-weight:700}
@media(max-width:1000px){.mortgage-hero-grid{gap:24px}.mortgage-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.mortgage-content{padding:27px}}
@media(max-width:800px){.mortgage-hero-grid,.mortgage-layout{grid-template-columns:1fr}.mortgage-visual{min-height:360px}.mortgage-aside{position:static;grid-template-columns:1fr 1fr}.mortgage-hero{padding-bottom:35px}}
@media(max-width:560px){.mortgage-hero-copy h1{font-size:clamp(30px,8.4vw,39px)}.mortgage-hero-copy>p{font-size:16px}.mortgage-hero .hero-actions{display:grid;grid-template-columns:1fr}.mortgage-hero .button{width:100%;justify-content:center;text-align:center}.mortgage-visual{min-height:300px;padding:22px 12px;border-radius:18px}.mortgage-ui{transform:none}.mortgage-ui-main{padding:17px}.mortgage-ui-top{padding:12px}.mortgage-ui-line{font-size:10px}.mortgage-ui-line strong{font-size:12px}.mortgage-ui-split div{padding:10px 7px}.mortgage-ui-split small{font-size:10px}.mortgage-content{padding:22px 19px;border-radius:15px}.mortgage-content h2{font-size:23px;margin-top:29px}.mortgage-content h3{font-size:18px}.mortgage-content li,.mortgage-content p{font-size:16px}.mortgage-aside{grid-template-columns:1fr}.mortgage-landing .breadcrumbs{padding-top:15px}}

/* 2026-10-28: orange links ONLY inside article body copy.
   Keep the site's navigation, categories, widgets, buy buttons, breadcrumbs,
   sidebar and footer in their original colors. */
:root{--article-link-orange:#bd4f00;--article-link-orange-hover:#913900}
.site-shell .article-content a[href]:not(.button),
.site-shell .article-content a[href]:not(.button):visited,
.site-shell .mortgage-content a[href]:not(.button),
.site-shell .mortgage-content a[href]:not(.button):visited{
  color:var(--article-link-orange);
  text-decoration:underline;
  text-underline-offset:3px;
}
.site-shell .article-content a[href]:not(.button):hover,
.site-shell .article-content a[href]:not(.button):focus-visible,
.site-shell .mortgage-content a[href]:not(.button):hover,
.site-shell .mortgage-content a[href]:not(.button):focus-visible{
  color:var(--article-link-orange-hover);
}
/* Preserve orange where linked text is wrapped in a bold <strong> tag. */
.site-shell .article-content a[href]:not(.button) strong,
.site-shell .mortgage-content a[href]:not(.button) strong{
  color:inherit;
}

/* 2026-10-28: exactly one H1 and H2 per content page.
   Subsequent section headings are H3, their nested headings H4.
   Appearance is preserved from the original H2/H3 styles. */
.section-heading h3{margin:14px 0 10px;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em}
.article-content h3{margin:34px 0 12px;font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.025em}
.article-content h3:first-child{margin-top:0}
.article-faq h3{margin-bottom:16px}
.side-card h3{margin:0 0 10px;font-size:18px}
.guide-card h4{margin:0 0 9px;font-size:19px;line-height:1.3}
.cta h3{margin:8px 0 0;max-width:760px;font-size:clamp(26px,3.5vw,40px);line-height:1.08}
.mortgage-content h3{font-size:clamp(23px,2.4vw,30px);line-height:1.25;letter-spacing:-.02em;margin:34px 0 16px;color:var(--text)}
.mortgage-content h3:first-child{margin-top:0}
.mortgage-content h4{font-size:19px;margin:22px 0 9px;color:var(--text)}
.mortgage-sidecard h3{font-size:21px;margin:13px 0;color:#163251}
@media(max-width:560px){
  .section-heading h3{font-size:clamp(28px,8.7vw,36px);line-height:1.12}
  .article-content h3{font-size:clamp(25px,7.8vw,32px)}
  .side-card h3{font-size:19px}
  .mortgage-content h3{font-size:23px;margin-top:29px}
  .mortgage-content h4{font-size:18px}
}
