/* Sparesjekk V36 — unified blue brand system, responsive, SEO-neutral */
:root{--brand:#0A66E8;--brand-2:#35A8FF;--brand-dark:#0E2B55;--brand-soft:#EEF6FF;--brand-soft-2:#F7FBFF;--success:#15925F;--text:#17314F;--muted:#687A90;--line:#DCE8F4;--soft:#F6FAFE;--navy:#0E2B55;--green:#0A66E8;--green-dark:#0757C7;--cream:#F7FBFF;--v36-shadow:0 16px 46px rgba(14,43,85,.10);--v36-shadow-soft:0 8px 26px rgba(14,43,85,.07)}
html{background:#fff}body{color:var(--text);background:#fff}a,button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(10,102,232,.25);outline-offset:3px}
.header{height:78px;max-width:1180px;padding:0 24px;border-bottom:0;background:rgba(255,255,255,.97)}.logo{display:block;width:230px;height:58px;background:url('assets/sparesjekk-logo-blue.svg') left center/contain no-repeat;font-size:0!important;letter-spacing:0!important;flex:0 0 auto}.logo span{display:none!important}.topnav{gap:24px}.topnav a{color:var(--brand-dark)!important;font-weight:700!important}.topnav a:hover{color:var(--brand)!important}.menu-btn{color:var(--brand-dark)!important}
.footer-logo{position:relative;color:var(--brand-dark)!important}.footer-logo span{color:var(--brand)!important}footer{background:#F3F8FE!important;border-top:1px solid var(--line);color:#60758D!important}footer nav a,footer>a{color:#486887!important}
.eyebrow{color:#51769F!important;font-weight:850;letter-spacing:1.6px}.cta,.partner-cta{background:linear-gradient(135deg,var(--brand),#0876F9)!important;border-color:transparent!important;color:#fff!important;border-radius:999px!important;box-shadow:0 10px 24px rgba(10,102,232,.18)}.cta:hover,.partner-cta:hover{background:linear-gradient(135deg,#0757C7,var(--brand))!important;transform:translateY(-1px)}.secondary-cta{border:1px solid #CFE0F2!important;color:var(--brand-dark)!important;background:#fff!important;border-radius:999px!important}.text-link,.more-guides,.article a:not(.cta),.campaign-content a,.decision-grid a{color:var(--brand)!important}.result{background:linear-gradient(135deg,var(--brand-dark),#174E8D)!important;color:#fff!important}.result small,.result span{color:rgba(255,255,255,.78)!important}.result strong{color:#fff!important}
.visual-hero{background:linear-gradient(135deg,#F1F7FF 0%,#fff 74%)!important;box-shadow:var(--v36-shadow)!important}.hero-copy h1{color:var(--brand-dark)!important}.hero-copy .hero-lead{color:var(--text)!important}.hero-proof{color:#456D98!important}.hero-badge{border:1px solid rgba(10,102,232,.10);box-shadow:var(--v36-shadow)!important}.hero-badge strong{color:var(--brand)!important}.section-head h2,.home-calc h2,.why h2{color:var(--brand-dark)!important}.topic-card,.tool-card{border-color:var(--line)!important;box-shadow:var(--v36-shadow-soft)!important}.topic-card:hover,.tool-card:hover{border-color:#BDD8F3!important;box-shadow:var(--v36-shadow)!important}.topic-card:nth-child(1) .topic-visual{background:linear-gradient(135deg,#EAF4FF,#F8FBFF)!important}.topic-card:nth-child(2) .topic-visual{background:linear-gradient(135deg,#EDF6FF,#F8FBFF)!important}.topic-card:nth-child(3) .topic-visual{background:linear-gradient(135deg,#FFF4EC,#FFF9F5)!important}.topic-card:nth-child(4) .topic-visual{background:linear-gradient(135deg,#ECF8F3,#F9FDFB)!important}.topic-icon{font-size:0!important;background:#fff center/34px 34px no-repeat!important;border:1px solid rgba(14,43,85,.05);box-shadow:0 8px 24px rgba(14,43,85,.10)!important}.topic-card:nth-child(1) .topic-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A66E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 12 4l9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E")!important}.topic-card:nth-child(2) .topic-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A66E8' stroke-width='2' stroke-linecap='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v5c0 1.7 3.1 3 7 3s7-1.3 7-3V6'/%3E%3Cpath d='M5 11v5c0 1.7 3.1 3 7 3s7-1.3 7-3v-5'/%3E%3C/svg%3E")!important}.topic-card:nth-child(3) .topic-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C06B3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M7 15h4'/%3E%3C/svg%3E")!important}.topic-card:nth-child(4) .topic-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315925F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10'/%3E%3Cpath d='M10 20V4'/%3E%3Cpath d='M16 20v-7'/%3E%3Cpath d='M22 20V7'/%3E%3C/svg%3E")!important}.topic-body small,.topic-body span,.tool-card small,.tool-card span{color:var(--brand)!important}.topic-body h3,.tool-card h3{color:var(--brand-dark)!important}.home-calc{background:linear-gradient(135deg,#EEF6FF,#FAFCFF)!important}.why{background:linear-gradient(135deg,var(--brand-dark),#0D5EC1)!important}.why-point{background:rgba(255,255,255,.10)!important}
body.main-category-page .premium-hero,.campaign-page .campaign-hero,.category-hero,.page-hero{background:linear-gradient(135deg,#F3F8FF,#fff)!important}.premium-copy h1,.campaign-hero h1,.category-hero h1,.page-hero h1,.article h1,.article h2,.cornerstones>h2,.feature-guides>h2,.money-categories h2{color:var(--brand-dark)!important}.premium-lead,.campaign-lead,.category-hero .lead{color:var(--muted)!important}.premium-visual,.campaign-panel,.calculator,.partner-preview,.guide-list>a,.guide-grid a,.category-grid a,.feature-links a,.decision-grid article,.hub-editorial{border-color:var(--line)!important;box-shadow:var(--v36-shadow-soft)!important}.premium-benefits>div,.feature-guides,.cornerstone .toc,.article-cta,.campaign-alt{background:#F5F9FE!important;border-color:var(--line)!important}.campaign-page th{background:#EEF6FF!important;color:var(--brand-dark)!important}.guide-list small,.guide-list span,.guide-row-v14>span,.count-v14,.featured-grid small,.featured-grid span,.big-category small,.big-category span{color:var(--brand)!important}.complete,.hero-panel{background:linear-gradient(135deg,var(--brand-dark),#0D5EC1)!important}.big-category,.featured-grid a,.guide-row-v14,.topic-cards-v32 a{border-color:var(--line)!important}.big-category:hover,.featured-grid a:hover,.guide-row-v14:hover,.topic-cards-v32 a:hover{border-color:#BDD8F3!important;box-shadow:var(--v36-shadow-soft)!important}.cat-icon{background:#EDF6FF!important;color:var(--brand)!important}
/* richer visual heroes on the four main category pages */
.main-category-page .premium-hero{border-radius:28px!important;overflow:hidden!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:1.02fr .98fr!important;min-height:540px!important}.main-category-page .premium-copy{padding:52px 46px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.main-category-page .premium-visual{margin:0!important;border:0!important;border-radius:0!important;min-height:540px!important;padding:235px 28px 26px!important;background-position:center!important;background-size:cover!important;position:relative!important;box-shadow:none!important}.main-category-page .premium-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,43,85,.02) 15%,rgba(14,43,85,.20) 62%,rgba(14,43,85,.62) 100%);pointer-events:none}.main-category-page .premium-visual>*{position:relative;z-index:1}.main-category-page .premium-visual .visual-head,.main-category-page .premium-visual .visual-grid,.main-category-page .premium-visual .visual-note{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px rgba(14,43,85,.12)}.main-category-page .premium-visual .visual-head{padding:18px 18px 8px!important;border-radius:18px 18px 0 0!important;margin:0!important}.main-category-page .premium-visual .visual-grid{padding:12px 18px 14px!important;border-top:0!important;border-radius:0!important}.main-category-page .premium-visual .visual-note{padding:0 18px 18px!important;margin:0!important;border-top:0!important;border-radius:0 0 18px 18px!important;color:#51667d!important}.premium-mortgage .premium-visual{background-image:url('https://images.pexels.com/photos/7578939/pexels-photo-7578939.jpeg?auto=compress&cs=tinysrgb&w=1400')!important}.premium-consumer .premium-visual{background-image:url('https://images.pexels.com/photos/4968654/pexels-photo-4968654.jpeg?auto=compress&cs=tinysrgb&w=1400')!important}.premium-card .premium-visual{background-image:url('https://images.pexels.com/photos/4968391/pexels-photo-4968391.jpeg?auto=compress&cs=tinysrgb&w=1400')!important}.premium-restart .premium-visual{background-image:url('https://images.pexels.com/photos/3768131/pexels-photo-3768131.jpeg?auto=compress&cs=tinysrgb&w=1400')!important}.main-category-page .premium-benefits{max-width:1180px!important;gap:14px!important}.main-category-page .premium-benefits>div{border-radius:18px!important;box-shadow:var(--v36-shadow-soft)!important;padding:22px!important}.main-category-page .benefit-icon,.main-category-page .visual-icon{font-size:0!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#fff center/22px 22px no-repeat!important;border:1px solid var(--line)!important}.main-category-page .benefit-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A66E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E")!important}.main-category-page .visual-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A66E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V9'/%3E%3Cpath d='M10 19V5'/%3E%3Cpath d='M16 19v-7'/%3E%3Cpath d='M22 19V8'/%3E%3C/svg%3E")!important}
.mix-card,.mix-result,.tool-card,.calculator,.campaign-panel{border-color:var(--line)!important}.signal{border-left-color:var(--brand)!important;background:#F2F8FF!important}.ad-next{border-color:#CFE0F2!important;background:#F6FAFF!important}.field:focus-within,.input-wrap:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(10,102,232,.10)!important}
.article{max-width:820px}.article>p:not(.eyebrow):not(.lead):not(.disclaimer),.article-extra p,.campaign-content>p{color:#30465D!important;line-height:1.72}.article section+section{margin-top:34px}.guide-row-v14 p,.guide-list p,.featured-grid p,.big-category p{color:var(--muted)!important}
@media(max-width:850px){.header{height:68px;padding:0 16px}.logo{width:190px;height:52px}.topnav{left:12px!important;right:12px!important;border-color:var(--line)!important;box-shadow:var(--v36-shadow)!important}.topnav.open a:hover{background:#F2F7FD!important}.main-category-page .premium-hero{grid-template-columns:1fr!important;border-radius:0 0 24px 24px!important;margin-top:0!important}.main-category-page .premium-copy{padding:38px 22px 30px!important}.main-category-page .premium-visual{min-height:420px!important;padding:190px 18px 18px!important}.main-category-page .premium-benefits{grid-template-columns:1fr 1fr!important;padding-left:16px!important;padding-right:16px!important}}
@media(max-width:620px){.logo{width:176px}.visual-hero{border-radius:0 0 22px 22px!important}.hero-copy{padding-top:40px!important}.hero-copy h1{font-size:clamp(2.65rem,13vw,4rem)!important}.section-head{padding:0 4px}.topic-card{border-radius:22px!important}.topic-visual{height:116px!important}.topic-body{padding:22px!important}.home-calc{margin-top:0!important}.article{padding-left:18px!important;padding-right:18px!important}.campaign-page .campaign-content{padding:0 4px!important}.main-category-page .premium-copy h1{font-size:2.35rem!important;letter-spacing:-1.6px!important}.main-category-page .premium-visual{min-height:380px!important;padding:150px 14px 14px!important}.main-category-page .premium-benefits{grid-template-columns:1fr!important}.main-category-page .premium-benefits>div{padding:18px!important}}
