/* Sparesjekk V38 — conversion-focused presentation for priority tools. CSS only; no SEO/content changes. */
:root{--v38-blue:#0A66E8;--v38-ink:#0E2B55;--v38-soft:#F4F9FF;--v38-line:#D9E7F4;--v38-shadow:0 18px 48px rgba(14,43,85,.10);--v38-shadow-soft:0 8px 24px rgba(14,43,85,.06)}

/* Shared premium tool intro */
.rate-tool,.match,.tool-shell{position:relative}
.rate-tool>h1,.match>h1,.tool-hero h1{color:var(--v38-ink)!important;text-wrap:balance;letter-spacing:-2px!important}
.rate-tool>.lead,.match>.lead,.tool-hero>p{max-width:760px;color:#526B86!important;line-height:1.65!important}
.rate-tool>.eyebrow,.match>.eyebrow,.tool-hero>.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #d7e7f7;border-radius:999px;background:#f6faff;color:#48709d!important;letter-spacing:1.25px!important}
.rate-tool>.eyebrow:before,.match>.eyebrow:before,.tool-hero>.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--v38-blue),#58b6ff);box-shadow:0 0 0 4px rgba(10,102,232,.08)}

/* Mortgage rate benchmark */
.rate-tool{max-width:980px!important;padding-top:44px!important;padding-bottom:74px!important}
.rate-tool>h1{max-width:840px;font-size:clamp(2.65rem,6vw,4.4rem)!important;line-height:1.01!important;margin:16px 0 18px!important}
.market-card{position:relative;overflow:hidden;border:1px solid #d5e5f5!important;border-radius:22px!important;background:linear-gradient(135deg,#eef6ff,#fff)!important;box-shadow:var(--v38-shadow-soft)!important;padding:24px 26px!important}
.market-card:after{content:"SSB";position:absolute;right:20px;top:12px;font-size:52px;line-height:1;font-weight:900;color:rgba(10,102,232,.055);letter-spacing:-4px}
.market-card>strong{display:block;color:var(--v38-ink);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.market-card #marketRate{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:900;color:var(--v38-ink)}
.rate-tool .tool-card{padding:30px!important;border:1px solid var(--v38-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:var(--v38-shadow)!important}.rate-tool .field-grid{gap:16px!important}.rate-tool .field{padding:14px;border:1px solid #e0ebf6;border-radius:16px;background:#fff}.rate-tool .field label{color:var(--v38-ink)!important}.rate-tool .field input{border:0!important;background:#f7fbff!important;border-radius:12px!important;font-size:19px!important;font-weight:750;color:var(--v38-ink);padding:15px!important}.rate-tool .tool-btn{width:100%;margin-top:6px;font-size:17px!important;padding:16px 22px!important}.rate-tool .result-card{border:1px solid var(--v38-line)!important;border-radius:24px!important;padding:28px!important;box-shadow:var(--v38-shadow)!important;background:#fff!important}.rate-tool .result-card h2{color:var(--v38-ink)!important;font-size:1.7rem}.rate-tool .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rate-tool .metric{background:linear-gradient(145deg,#f3f8ff,#fff)!important;border:1px solid #dce9f6!important;min-height:96px}.rate-tool .metric strong{font-size:1.65rem!important}.rate-tool .verdict{border-left:0!important;border:1px solid #cfe1f4!important;border-radius:17px!important;background:#f5f9ff!important;line-height:1.65;padding:20px!important}.rate-tool .ad-next{border-radius:20px!important;padding:23px!important;background:linear-gradient(135deg,#f2f7ff,#fff)!important}.rate-tool>section{margin-top:24px;padding:25px 28px;border:1px solid var(--v38-line);border-radius:19px;background:#fff;box-shadow:var(--v38-shadow-soft)}.rate-tool>section h2{margin-top:0;color:var(--v38-ink)}

/* Credit card matcher */
.match{max-width:960px!important;padding-top:44px!important;padding-bottom:72px!important}.match>h1{max-width:800px;font-size:clamp(2.6rem,6vw,4.25rem)!important;line-height:1.02!important;margin:16px 0 18px!important}.match>.card{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;padding:28px!important;border:1px solid var(--v38-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:var(--v38-shadow)!important}.match>.card .q{margin:0!important;padding:15px;border:1px solid #e0ebf6;border-radius:16px;background:#fff}.match>.card .q label{color:var(--v38-ink)!important;line-height:1.4;min-height:42px}.match>.card .q select,.match>.card .q input{border:0!important;background:#f7fbff!important;padding:14px!important;font-size:16px!important}.match>.card .btn{grid-column:1/-1;border-radius:999px!important;background:linear-gradient(135deg,var(--v38-blue),#0876f9)!important;padding:16px 22px!important;font-size:17px!important;box-shadow:0 10px 24px rgba(10,102,232,.18);cursor:pointer}.match>.card>.small{grid-column:1/-1;margin:0;color:#677d94!important}.match>.result{border:1px solid var(--v38-line)!important;border-radius:24px!important;padding:28px!important;box-shadow:var(--v38-shadow)!important;background:#fff!important;color:inherit!important}.match>.result h2{color:var(--v38-ink)!important}.match .priority{position:relative;border:1px solid #dce9f6;border-radius:16px!important;background:#f6faff!important;padding:18px 18px 18px 54px!important;line-height:1.55}.match .priority:before{content:"✓";position:absolute;left:17px;top:17px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e5f1ff;color:var(--v38-blue);font-weight:900}.match .priority.warn{border-left:1px solid #efc979!important;background:#fff9ef!important}.match .priority.warn:before{content:"!";background:#fff0cf;color:#ad6900}.match .next{border:1px solid #cfe1f4!important;border-radius:18px!important;background:linear-gradient(135deg,#eef6ff,#fff)!important;padding:20px!important}.match>section{margin-top:24px;padding:25px 28px;border:1px solid var(--v38-line);border-radius:19px;background:#fff;box-shadow:var(--v38-shadow-soft)}.match>section h2{margin-top:0;color:var(--v38-ink)}

/* Refinancing before/after calculator */
.tool-shell{max-width:1120px!important;padding-top:48px!important}.tool-hero{max-width:850px!important}.tool-hero h1{font-size:clamp(2.65rem,6vw,4.4rem)!important;line-height:1.01!important;margin:16px 0 18px!important}.privacy-note{background:#f3f8ff!important;border-color:#d6e6f6!important;color:#3d6793!important}.calc-grid{gap:20px!important}.tool-shell .tool-card{border:1px solid var(--v38-line)!important;border-radius:24px!important;padding:26px!important;box-shadow:var(--v38-shadow)!important;background:linear-gradient(145deg,#fff,#f9fcff)!important}.tool-shell .tool-card h2{font-size:1.55rem!important;color:var(--v38-ink)!important}.tool-shell .debt-row{padding:13px;border:1px solid #e1ebf5;border-radius:15px;background:#fff}.tool-shell .debt-row input,.tool-shell .offer-grid input{border:0!important;background:#f7fbff!important;border-radius:11px!important;padding:13px!important}.tool-shell .offer-grid>label{padding:13px;border:1px solid #e1ebf5;border-radius:15px;background:#fff}.tool-shell .calc-action{padding:16px 20px!important;font-size:17px!important}.tool-shell .results{gap:11px!important}.tool-shell .result-box{border-color:#dce9f6!important;border-radius:15px!important;background:linear-gradient(145deg,#f4f9ff,#fff)!important;min-height:92px}.tool-shell .result-box strong{font-size:1.45rem!important}.tool-shell .verdict{border-radius:18px!important;padding:20px!important;line-height:1.65!important}.tool-shell .method{border-top:0!important;margin-top:30px!important;padding:28px!important;border:1px solid var(--v38-line);border-radius:22px;background:#fff;box-shadow:var(--v38-shadow-soft)}.tool-shell .method h2{color:var(--v38-ink)!important}.tool-shell .related-tool{background:linear-gradient(135deg,#eef6ff,#fff)!important;border:1px solid #d3e4f5!important}

@media(max-width:760px){
 .rate-tool,.match,.tool-shell{padding-left:16px!important;padding-right:16px!important;padding-top:30px!important}
 .rate-tool>h1,.match>h1,.tool-hero h1{font-size:clamp(2.25rem,11vw,3.3rem)!important;letter-spacing:-1.5px!important}
 .rate-tool .tool-card,.rate-tool .result-card,.match>.card,.match>.result,.tool-shell .tool-card{padding:20px!important;border-radius:19px!important}
 .match>.card{grid-template-columns:1fr}.match>.card .btn,.match>.card>.small{grid-column:auto}.match>.card .q label{min-height:0}
 .rate-tool .result-grid{grid-template-columns:1fr!important}.rate-tool>section,.match>section,.tool-shell .method{padding:21px 19px!important}
 .market-card{padding:20px!important}.market-card:after{font-size:40px}
}