/* Sparesjekk V44 — visual QA for recent Traffic Engine components */
.article .decision-card{margin:34px 0;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,var(--soft));box-shadow:0 10px 30px rgba(16,47,64,.045)}
.article .decision-card h2{margin:0 0 12px;color:var(--navy)}
.article .decision-card p{margin:0 0 14px}
.article .decision-card ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:9px}
.article .decision-card li{margin:0}
.article .decision-card a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--green-dark);font-weight:800;text-decoration:none}
.article .decision-card a[data-event="commercial_route"]{background:var(--green);border-color:var(--green);color:#fff;text-align:center}
.article .decision-card a[data-event="commercial_route"]:hover{background:var(--green-dark)}
.late-interest-tool{grid-column:1/-1;max-width:620px;margin:34px auto!important;padding:26px!important;background:#fff;box-shadow:0 12px 34px rgba(16,47,64,.07)}
.late-interest-tool h2{margin-top:0;color:var(--navy)}
.late-interest-tool>p:first-of-type{color:var(--muted);line-height:1.6}
.late-interest-tool label{color:var(--navy);font-size:14px}
.late-interest-tool input{min-height:48px;font-size:16px;border-color:#cbd8d1}
.late-interest-tool input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(32,168,107,.10)}
.late-interest-tool .calc-action{min-height:50px;margin-top:8px;cursor:pointer;background:var(--green);font-size:15px}
.late-interest-tool .calc-action:hover{background:var(--green-dark)}
.late-interest-tool .tool-result{min-height:52px;display:flex;align-items:center;color:var(--navy);font-weight:800}
.late-interest-tool>p:last-of-type{margin:16px 0 0;font-size:14px}
.late-interest-tool>p:last-of-type a{color:var(--green-dark);font-weight:800}
@media(max-width:760px){
 .article .decision-card{margin:28px 0;padding:20px 18px;border-radius:16px}
 .article .decision-card a{padding:13px 12px}
 .late-interest-tool{max-width:none;margin:26px 0!important;padding:20px 16px!important;border-radius:16px!important}
 .late-interest-tool input,.late-interest-tool .calc-action{width:100%;min-height:50px}
}

/* Nominal-rate cost comparator — aligned with approved calculator UI */
.rate-cost-tool{max-width:660px;margin:34px auto!important;padding:26px!important;background:#fff;box-shadow:0 12px 34px rgba(16,47,64,.07)}
.rate-cost-tool h2{margin:6px 0 12px;color:var(--navy)}
.rate-cost-tool>p:not(.eyebrow):not(.article-note){line-height:1.6}
.rate-cost-tool label{display:block;margin:14px 0 7px;color:var(--navy);font-size:14px;font-weight:750}
.rate-cost-tool input{display:block;width:100%;min-height:48px;box-sizing:border-box;padding:12px 14px;margin-top:6px;border:1px solid #cbd8d1;border-radius:10px;background:#fff;color:var(--navy);font-size:16px}
.rate-cost-tool input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(32,168,107,.10)}
.rate-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rate-cost-tool .calc-action{width:100%;min-height:50px;margin-top:10px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.rate-cost-tool .calc-action:hover{background:var(--green-dark)}
.rate-cost-tool .tool-result{min-height:58px;display:flex;align-items:center;margin-top:14px;padding:15px;background:var(--soft);border-radius:11px;color:var(--navy)}
.rate-cost-tool .tool-result strong{margin-right:5px;color:var(--green-dark)}
.rate-cost-tool .article-note{margin:14px 0 18px}
.rate-cost-tool>p>a:not(.cta){color:var(--green-dark);font-weight:800}
@media(max-width:760px){.rate-cost-tool{max-width:none;margin:28px 0!important;padding:20px 16px!important;border-radius:16px!important}.rate-cost-grid{grid-template-columns:1fr}.rate-cost-tool input,.rate-cost-tool .calc-action{min-height:50px}.rate-cost-tool .cta{width:100%;box-sizing:border-box}}


/* DESIGN PROFILE LOCK — 2026-09-19
   Sparesjekk uses the unified BLUE V36+ brand system.
   New/changed tools and pages must inherit --brand / --brand-dark / blue CTA styling.
   Do not introduce a separate green CTA/profile. */
.rate-cost-tool .calc-action{background:linear-gradient(135deg,var(--brand),#0876F9)!important;color:#fff!important;background-image:linear-gradient(135deg,var(--brand),#0876F9)!important}
.rate-cost-tool .calc-action:hover,.rate-cost-tool .calc-action:focus{background:linear-gradient(135deg,#0757C7,var(--brand))!important}

/* Cash withdrawal tool — locked Sparesjekk BLUE V36+ profile */
.cash-withdrawal-tool{max-width:660px;margin:34px auto!important;padding:26px!important;background:#fff}
.cash-withdrawal-tool h2{margin:6px 0 12px;color:var(--brand-dark)}
.cash-withdrawal-tool>p:not(.eyebrow):not(.article-note){line-height:1.6}
.cash-withdrawal-tool label{display:block;margin:14px 0 7px;color:var(--brand-dark);font-size:14px;font-weight:750}
.cash-withdrawal-tool input{display:block;width:100%;min-height:48px;box-sizing:border-box;padding:12px 14px;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--brand-dark);font-size:16px}
.cash-withdrawal-tool input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,102,232,.10)}
.cash-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cash-withdrawal-tool .calc-action{width:100%;min-height:50px;margin-top:10px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),#0876F9)!important;color:#fff!important;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(10,102,232,.18)}
.cash-withdrawal-tool .calc-action:hover,.cash-withdrawal-tool .calc-action:focus{background:linear-gradient(135deg,#0757C7,var(--brand))!important}
.cash-withdrawal-tool .tool-result{min-height:58px;display:flex;align-items:center;margin-top:14px;padding:15px;background:var(--brand-soft);border:1px solid var(--line);border-radius:11px;color:var(--brand-dark)}
.cash-withdrawal-tool .tool-result strong{margin-right:5px;color:var(--brand)}
.cash-withdrawal-tool .article-note{margin:14px 0 18px}
.cash-withdrawal-tool>p>a:not(.cta){color:var(--brand);font-weight:800}
@media(max-width:760px){.cash-withdrawal-tool{max-width:none;margin:28px 0!important;padding:20px 16px!important;border-radius:16px!important}.cash-tool-grid{grid-template-columns:1fr}.cash-withdrawal-tool input,.cash-withdrawal-tool .calc-action{min-height:50px}.cash-withdrawal-tool .cta{width:100%;box-sizing:border-box}}

/* Borrowing capacity conversion tool — locked BLUE V36+ profile */
.borrowing-capacity-tool{max-width:700px;margin:28px auto 38px!important;padding:28px!important;background:#fff}
.borrowing-capacity-tool h2{margin:6px 0 12px;color:var(--brand-dark)}
.borrowing-capacity-tool label{display:block;margin:14px 0 7px;color:var(--brand-dark);font-size:14px;font-weight:750}
.borrowing-capacity-tool input{display:block;width:100%;min-height:50px;box-sizing:border-box;padding:12px 14px;margin-top:6px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--brand-dark);font-size:16px}
.borrowing-capacity-tool input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,102,232,.12)}
.borrowing-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.borrowing-capacity-tool .calc-action{width:100%;min-height:52px;margin-top:12px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand),#0876F9)!important;color:#fff!important;font-size:16px;font-weight:850;cursor:pointer;box-shadow:0 10px 24px rgba(10,102,232,.18)}
.borrowing-capacity-tool .tool-result{display:block;min-height:64px;margin-top:16px;padding:18px;background:var(--brand-soft);border:1px solid var(--line);border-radius:13px;color:var(--brand-dark);line-height:1.55}
.borrowing-capacity-tool .tool-result strong{display:block;margin-bottom:5px;color:var(--brand);font-size:22px}
.borrowing-capacity-tool .tool-result span{display:block;margin-top:6px}
.borrowing-capacity-tool .result-next{display:block;margin-top:14px;padding:13px 16px;border-radius:999px;background:var(--brand);color:#fff!important;text-align:center;text-decoration:none;font-weight:850}
.borrowing-capacity-tool .article-note{margin:14px 0 18px}
.borrowing-capacity-tool>p>a:not(.cta){color:var(--brand);font-weight:800}
@media(max-width:760px){.borrowing-capacity-tool{max-width:none;margin:24px 0 32px!important;padding:20px 16px!important}.borrowing-tool-grid{grid-template-columns:1fr}.borrowing-capacity-tool input,.borrowing-capacity-tool .calc-action{min-height:50px}.borrowing-capacity-tool .cta,.borrowing-capacity-tool .result-next{width:100%;box-sizing:border-box}}

/* Credit-card use decision tool — locked BLUE V36+ profile */
.card-use-check{max-width:700px;margin:28px auto 36px!important;padding:28px!important;background:#fff}
.card-use-check h2{margin:6px 0 12px;color:var(--brand-dark)}
.card-use-check .decision-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}
.card-use-check .decision-actions button{width:100%;min-height:50px;padding:12px 16px;border:1px solid rgba(10,102,232,.22);border-radius:12px;background:#fff;color:var(--brand-dark);font:inherit;font-weight:800;text-align:left;cursor:pointer}
.card-use-check .decision-actions button:hover,.card-use-check .decision-actions button:focus{outline:0;border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px rgba(10,102,232,.10)}
.card-use-check .tool-result{display:block;min-height:58px;padding:17px;background:var(--brand-soft);border:1px solid var(--line);border-radius:13px;color:var(--brand-dark);line-height:1.55}
.card-use-check .tool-result strong{display:block;margin-bottom:7px}
.card-use-check .result-next{display:block;margin-top:13px;padding:13px 16px;border-radius:999px;background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;text-align:center;text-decoration:none;font-weight:850}
@media(max-width:760px){.card-use-check{max-width:none;margin:24px 0 30px!important;padding:20px 16px!important}.card-use-check .decision-actions button{min-height:52px}.card-use-check .result-next{width:100%;box-sizing:border-box}}

/* Consumer-loan early intent — locked BLUE V36+ profile */
.consumer-early-intent{max-width:760px;margin:24px auto 34px!important;padding:28px!important;background:#fff}
.consumer-early-intent h2{margin:6px 0 10px;color:var(--brand-dark)}
.consumer-early-intent .decision-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.consumer-early-intent .decision-actions a{display:flex;flex-direction:column;gap:7px;min-height:122px;padding:17px;border:1px solid rgba(10,102,232,.2);border-radius:14px;background:#fff;color:var(--brand-dark);text-decoration:none;box-shadow:0 7px 22px rgba(14,43,85,.06)}
.consumer-early-intent .decision-actions a:first-child{background:linear-gradient(145deg,#f2f8ff,#fff);border-color:rgba(10,102,232,.38)}
.consumer-early-intent .decision-actions a:hover,.consumer-early-intent .decision-actions a:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(10,102,232,.1)}
.consumer-early-intent .decision-actions strong{font-size:1.02rem;line-height:1.3}
.consumer-early-intent .decision-actions span{font-size:.92rem;line-height:1.4;color:#425a73}
@media(max-width:760px){.consumer-early-intent{max-width:none;margin:22px 0 30px!important;padding:20px 16px!important}.consumer-early-intent .decision-actions{grid-template-columns:1fr}.consumer-early-intent .decision-actions a{min-height:0}}

/* Rammelan early intent — locked BLUE V36+ */
.creditline-early-intent{max-width:760px;margin:26px auto 34px!important;padding:28px!important;background:#fff}
.creditline-early-intent h2{margin:6px 0 10px;color:var(--brand-dark)}
.creditline-early-intent .decision-actions{display:grid;grid-template-columns:1fr;gap:11px;margin-top:18px}
.creditline-early-intent .decision-actions a{display:block;padding:16px 18px;border:1px solid rgba(10,102,232,.20);border-radius:14px;background:#fff;color:var(--brand-dark)!important;text-decoration:none}
.creditline-early-intent .decision-actions a:hover,.creditline-early-intent .decision-actions a:focus{border-color:var(--brand);background:var(--brand-soft);outline:0;box-shadow:0 0 0 3px rgba(10,102,232,.10)}
.creditline-early-intent .decision-actions a:nth-child(2){background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;border-color:transparent}
.creditline-early-intent .decision-actions strong,.creditline-early-intent .decision-actions span{display:block}
.creditline-early-intent .decision-actions span{margin-top:5px;font-size:.95rem;opacity:.88}
@media(max-width:760px){.creditline-early-intent{max-width:none;margin:22px 0 30px!important;padding:20px 16px!important}}

/* Consumer hub intent — locked BLUE V36+ */
.consumer-hub-intent{max-width:920px;margin:24px auto 36px!important;padding:28px!important;background:#fff}
.consumer-hub-intent h2{margin:6px 0 10px;color:var(--brand-dark)}
.consumer-hub-intent .decision-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.consumer-hub-intent .decision-actions a{display:block;padding:17px;border:1px solid rgba(10,102,232,.20);border-radius:14px;background:#fff;color:var(--brand-dark)!important;text-decoration:none}
.consumer-hub-intent .decision-actions a:first-child{background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;border-color:transparent}
.consumer-hub-intent .decision-actions a:hover,.consumer-hub-intent .decision-actions a:focus{box-shadow:0 0 0 3px rgba(10,102,232,.10);outline:0}
.consumer-hub-intent .decision-actions strong,.consumer-hub-intent .decision-actions span{display:block}
.consumer-hub-intent .decision-actions span{margin-top:6px;font-size:.94rem;opacity:.88}
@media(max-width:760px){.consumer-hub-intent{margin:20px 0 30px!important;padding:20px 16px!important}.consumer-hub-intent .decision-actions{grid-template-columns:1fr}}

/* Omstartslan hub intent — locked BLUE V36+ */
.restart-hub-intent{max-width:920px;margin:24px auto 36px!important;padding:28px!important;background:#fff}
.restart-hub-intent h2{margin:6px 0 10px;color:var(--brand-dark)}
.restart-hub-intent .decision-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.restart-hub-intent .decision-actions a{display:block;padding:17px;border:1px solid rgba(10,102,232,.20);border-radius:14px;background:#fff;color:var(--brand-dark)!important;text-decoration:none}
.restart-hub-intent .decision-actions a:first-child{background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;border-color:transparent}
.restart-hub-intent .decision-actions a:hover,.restart-hub-intent .decision-actions a:focus{box-shadow:0 0 0 3px rgba(10,102,232,.10);outline:0}
.restart-hub-intent .decision-actions strong,.restart-hub-intent .decision-actions span{display:block}
.restart-hub-intent .decision-actions span{margin-top:6px;font-size:.94rem;opacity:.88}
@media(max-width:760px){.restart-hub-intent{margin:20px 0 30px!important;padding:20px 16px!important}.restart-hub-intent .decision-actions{grid-template-columns:1fr}}

/* Credit card hub intent — locked BLUE V36+ */
.card-hub-intent{max-width:920px;margin:24px auto 36px!important;padding:28px!important;background:#fff}
.card-hub-intent h2{margin:6px 0 10px;color:var(--brand-dark)}
.card-hub-intent .decision-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.card-hub-intent .decision-actions a{display:block;padding:17px;border:1px solid rgba(10,102,232,.20);border-radius:14px;background:#fff;color:var(--brand-dark)!important;text-decoration:none}
.card-hub-intent .decision-actions a:first-child{background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;border-color:transparent}
.card-hub-intent .decision-actions a:hover,.card-hub-intent .decision-actions a:focus{box-shadow:0 0 0 3px rgba(10,102,232,.10);outline:0}
.card-hub-intent .decision-actions strong,.card-hub-intent .decision-actions span{display:block}
.card-hub-intent .decision-actions span{margin-top:6px;font-size:.94rem;opacity:.88}
@media(max-width:760px){.card-hub-intent{margin:20px 0 30px!important;padding:20px 16px!important}.card-hub-intent .decision-actions{grid-template-columns:1fr}}

/* Credit-card commercial cluster — locked BLUE V36+ */
.card-commercial-bridge{margin:20px 0 28px;padding:22px;border:1px solid rgba(10,102,232,.18);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(8,52,110,.06)}
.card-commercial-bridge h2{margin:0 0 8px;color:var(--brand-dark)}
.card-commercial-bridge .decision-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}
.card-commercial-bridge .decision-actions a{display:block;padding:16px;border:1px solid rgba(10,102,232,.20);border-radius:13px;color:var(--brand-dark)!important;text-decoration:none;background:#fff}
.card-commercial-bridge .decision-actions a:first-child{background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;border-color:transparent}
.card-commercial-bridge .decision-actions strong,.card-commercial-bridge .decision-actions span{display:block}
.card-commercial-bridge .decision-actions span{margin-top:5px;font-size:.93rem;opacity:.88}
@media(max-width:680px){.card-commercial-bridge .decision-actions{grid-template-columns:1fr}}

/* Mortgage compare early conversion — locked BLUE V36+ */
.mortgage-compare-early{margin:20px 0 30px;padding:22px;border:1px solid rgba(10,102,232,.18);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(8,52,110,.06)}
.mortgage-compare-early h2{margin:0 0 8px;color:var(--brand-dark)}
.mortgage-compare-early .decision-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}
.mortgage-compare-early .decision-actions a{display:block;padding:16px;border:1px solid rgba(10,102,232,.20);border-radius:13px;color:var(--brand-dark)!important;text-decoration:none;background:#fff}
.mortgage-compare-early .decision-actions a:first-child{background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;border-color:transparent}
.mortgage-compare-early .decision-actions strong,.mortgage-compare-early .decision-actions span{display:block}
.mortgage-compare-early .decision-actions span{margin-top:5px;font-size:.93rem;opacity:.88}
@media(max-width:760px){.mortgage-compare-early .decision-actions{grid-template-columns:1fr}}

/* Official mortgage rate-gap asset — locked BLUE V36+ */
.rate-gap-asset{max-width:900px;margin:auto}.rate-gap-source,.rate-gap-tool{margin:22px 0;padding:22px;border:1px solid rgba(10,102,232,.18);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(8,52,110,.06)}
.rate-gap-source strong{font-size:1.25rem;color:var(--brand-dark)}.rate-gap-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.rate-gap-grid label{font-weight:750}.rate-gap-grid input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #cbd8e6;border-radius:10px;font:inherit}.rate-gap-tool button{border:0;border-radius:11px;padding:14px 18px;background:var(--brand);color:#fff;font-weight:850;font:inherit;cursor:pointer}.rate-gap-result{margin-top:18px;padding:18px;border-radius:14px;background:#f2f7ff;border:1px solid rgba(10,102,232,.16)}.rate-gap-result h3{margin-top:0}.rate-gap-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.rate-gap-actions .cta{margin:0}@media(max-width:680px){.rate-gap-grid{grid-template-columns:1fr}.rate-gap-actions{align-items:stretch;flex-direction:column}.rate-gap-actions a{text-align:center}}

/* Rentegap conversion — locked BLUE V36+ */
.rentegap-conversion{margin:30px 0;padding:22px;border:1px solid rgba(10,102,232,.18);border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(8,52,110,.06)}
.rentegap-conversion h2{margin:0 0 8px;color:var(--brand-dark)}
.rentegap-conversion .decision-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}
.rentegap-conversion .decision-actions a{display:block;padding:16px;border:1px solid rgba(10,102,232,.20);border-radius:13px;color:var(--brand-dark)!important;text-decoration:none;background:#fff}
.rentegap-conversion .decision-actions a:first-child{background:linear-gradient(135deg,var(--brand),#0876F9);color:#fff!important;border-color:transparent}
.rentegap-conversion .decision-actions strong,.rentegap-conversion .decision-actions span{display:block}
.rentegap-conversion .decision-actions span{margin-top:5px;font-size:.93rem;opacity:.88}
@media(max-width:680px){.rentegap-conversion .decision-actions{grid-template-columns:1fr}}