@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"DM Sans";font-weight:800;font-display:swap;src:url(../fonts/dm-sans-latin-800-normal.woff2) format("woff2");}
/* finans.no designsystem. Bygger på samme grunnlag som Koplr: tokens først, så komponenter. */
:root{
  /* Primær og nøytrale */
  --primary:#1A6FE8;--primary-hover:#1560CE;--primary-soft:#EAF2FE;--primary-text:#1560CE;--link-hover:#0F4FA8;
  --body-bg:#ffffff;--alt-bg:#F8F9FB;--card-bg:#ffffff;
  --text:#1B2330;--text-muted:#5F6B7A;--border:#E4E8EE;--field-border:#7B8696;
  /* Statusfarger: grønn, gul, oransje, rød. Hver har bakgrunn, strek og tekstfarge */
  /* Kryptotabellen: pilene i kursfargene fra referansen, tallene i mørkere nyanse av samme farge (minst 4,5:1 mot hvit). */
  --kr-up:#16C784;--kr-up-text:#16C784;--kr-dn:#EA3943;--kr-dn-text:#EA3943;
  --ok:#0F6B4B;--ok-solid:#12805A;--ok-soft:#E6F5EC;--ok-line:#BFE3CF;
  --yellow:#7A5600;--yellow-solid:#F5C518;--yellow-soft:#FFF6D5;--yellow-line:#F0DC8A;
  --orange:#9A4300;--orange-solid:#E8710A;--orange-soft:#FDEBDC;--orange-line:#F3C79B;
  --danger:#B02F26;--danger-solid:#C4352B;--danger-soft:#FCEDEB;--danger-line:#F2C2BD;
  /* Gull: partnerlenke og Gold-nivå */
  --gold:#FABC02;--gold-solid:#FABC02;--gold-text:#7A5600;--gold-on:#1B2330;--gold-soft:#FFF6D6;--gold-line:#F5DD8A;
  --brand-dot:#12805A;
  --radius:10px;--radius-lg:14px;
  --shadow:0 1px 2px rgba(27,35,48,.05);--shadow-lg:0 8px 24px rgba(27,35,48,.08);
  --container:1140px;
  color-scheme:light;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
[data-theme="dark"]{
  color-scheme:dark;
  --brand-dot:#3FB887;
  --body-bg:#12161D;--alt-bg:#171C25;--card-bg:#1A202A;
  --text:#E8ECF2;--text-muted:#A3AEBD;--border:#28303B;--field-border:#6C788B;
  --primary-soft:#16233A;--primary-text:#8DB9FA;--link-hover:#B4D1FC;
  --kr-up:#16C784;--kr-up-text:#16C784;--kr-dn:#EA3943;--kr-dn-text:#F0626B;
  --ok:#6FD3A6;--ok-soft:#12281F;--ok-line:#1E4434;
  --yellow:#F2D36B;--yellow-soft:#2B2511;--yellow-line:#4A3F1B;
  --orange:#F7A66B;--orange-soft:#2D1D12;--orange-line:#52331C;
  --danger:#F29A93;--danger-soft:#2B1A18;--danger-line:#4F2824;
  --gold:#FABC02;--gold-solid:#FABC02;--gold-text:#F7CD4A;--gold-on:#1B2330;--gold-soft:#2A2317;--gold-line:#3D3421;
  --shadow:0 1px 2px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--body-bg);color:var(--text);font-family:var(--font);
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,p,dl,dd,ul{margin:0;padding:0;}
ul{list-style:none;}
/* Redigert tekst (artikler, innholdssider, redaktøren) skal ha vanlige kuler og tall, selv om lister ellers er nullstilt. */
.article-body ul,.seo-text ul,.ed-content ul{list-style:disc;padding-left:22px;}
.article-body ol,.seo-text ol,.ed-content ol{list-style:decimal;padding-left:22px;}
.article-body li,.seo-text li,.ed-content li{margin:0 0 4px;}
.article-body li>p,.seo-text li>p,.ed-content li>p{margin:0;}
/* Vanlige lenker bruker tekstvarianten av primærfargen, så kontrasten holder både i lyst og mørkt tema. */
a{color:var(--primary-text);text-decoration:none;}
a:hover{color:var(--link-hover);}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text);}
.num{font-variant-numeric:tabular-nums;white-space:nowrap;}
.container{max-width:var(--container);margin:0 auto;padding:0 20px;}
.sr{position:absolute;left:-9999px;}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--card-bg,#fff);color:var(--primary-text);padding:12px 16px;border-radius:var(--radius);font-weight:600;}
.skip-link:focus{left:8px;outline:2px solid var(--primary);}
.muted{color:var(--text-muted);}
.small{font-size:13.5px;}

/* knapper */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  border:1px solid transparent;border-radius:var(--radius);font-family:inherit;font-weight:600;
  cursor:pointer;text-align:center;padding:10px 18px;font-size:14.5px;transition:.15s;}
.btn-primary{background:var(--primary);color:#fff;}
.btn-primary:hover{background:var(--primary-hover);color:#fff;}
.btn-outline{background:var(--card-bg);color:var(--text);border-color:var(--border);}
.btn-outline:hover{border-color:var(--text-muted);color:var(--text);}
.btn-gold{background:var(--gold);color:var(--gold-on);}
.btn-gold:hover{background:#E0A800;color:var(--gold-on);}
.btn[disabled]{background:var(--alt-bg);color:var(--text-muted);border-color:var(--border);cursor:not-allowed;}
.btn-lg{padding:13px 26px;font-size:15.5px;min-height:48px;}
.btn-sm{padding:7px 14px;font-size:13.5px;}
.btn-block{display:flex;width:100%;}

/* navbar */
/* Ankerlenker skal ikke havne bak den klebrige menyen (62 px, høyere når den bryter over flere linjer på mobil) */
html{scroll-padding-top:84px;}
@media(max-width:560px){html{scroll-padding-top:116px;}}
.navbar{border-bottom:1px solid var(--border);background:var(--body-bg);position:sticky;top:0;z-index:100;}
.navbar-inner{display:flex;align-items:center;height:62px;gap:26px;}
.navbar-brand{font-family:"DM Sans",var(--font);font-size:23px;font-weight:800;color:var(--text);letter-spacing:-.02em;display:inline-block;line-height:44px;white-space:nowrap;}
.navbar-brand span:not(.badge){display:inline-block;width:.17em;height:.17em;margin:0 .02em 0 .03em;border-radius:50%;background:var(--brand-dot);text-indent:200%;overflow:hidden;white-space:nowrap;vertical-align:baseline;}
.navbar-brand:hover{color:var(--text);}
.navbar-nav{display:flex;gap:14px;font-size:14.5px;}
.navbar-nav a{color:var(--text-muted);font-weight:500;display:inline-flex;align-items:center;min-height:44px;}
.navbar-nav a:hover,.navbar-nav a.active{color:var(--text);}
.navbar-nav a.active{box-shadow:inset 0 -2px 0 var(--primary);}
.navbar-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.navbar-right .link{color:var(--text-muted);font-size:14.5px;font-weight:500;display:inline-flex;align-items:center;gap:6px;min-height:44px;}
.navbar-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--border);
  border-radius:9px;width:44px;height:44px;cursor:pointer;padding:0;
  flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.navbar-toggle span{display:block;width:17px;height:2px;background:var(--text);border-radius:2px;}

/* kort */
.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;}
.card-body{padding:20px;flex:1;display:flex;flex-direction:column;}
.card-pad{padding:22px;}

/* merker */
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:20px;text-transform:uppercase;white-space:nowrap;border:1px solid transparent;}
.badge-text{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;}
.badge-muted{background:var(--alt-bg);color:var(--text-muted);border-color:var(--border);}
.badge-primary{background:var(--primary-soft);color:var(--primary-text);}
.badge-green{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line);}
.badge-yellow{background:var(--yellow-soft);color:var(--yellow);border-color:var(--yellow-line);}
.badge-orange{background:var(--orange-soft);color:var(--orange);border-color:var(--orange-line);}
.badge-red{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-line);}
.badge-gold{background:var(--gold-soft);color:var(--gold-text);border-color:var(--gold-line);}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;}

/* bokser (alert) */
.alert{display:flex;gap:12px;align-items:flex-start;border-radius:var(--radius);padding:13px 16px;font-size:14px;border:1px solid var(--border);background:var(--alt-bg);color:var(--text);}
.alert svg{flex:none;margin-top:2px;}
.alert b{font-weight:700;}
.alert-info{background:var(--primary-soft);border-color:transparent;}
.alert-info svg{color:var(--primary-text);}
.alert-ok{background:var(--ok-soft);border-color:var(--ok-line);}
.alert-ok svg{color:var(--ok);}
.alert-yellow{background:var(--yellow-soft);border-color:var(--yellow-line);}
.alert-yellow svg{color:var(--yellow);}
.alert-orange{background:var(--orange-soft);border-color:var(--orange-line);}
.alert-orange svg{color:var(--orange);}
.alert-danger{background:var(--danger-soft);border-color:var(--danger-line);}
.alert-danger svg{color:var(--danger);}
.alert-danger li a{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.alert-gold{background:var(--gold-soft);border-color:var(--gold-line);}
.alert-gold svg{color:var(--gold-text);}

/* seksjoner */
.section{padding:56px 0;}
.section-alt{background:var(--alt-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section-header{text-align:center;max-width:660px;margin:0 auto 36px;}
.section-header h2{font-size:28px;font-weight:700;margin:0 0 10px;}
.section-header p{color:var(--text-muted);font-size:16px;}
.page-head{background:var(--alt-bg);border-bottom:1px solid var(--border);padding:24px 0;}
.page-head .container{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;}
.page-head .badge{margin-top:12px;}
.page-head h1{font-size:26px;font-weight:700;margin:0 0 4px;}
.page-head p{color:var(--text-muted);max-width:68ch;}
.page-head p.breadcrumb{max-width:none;}
.breadcrumb{font-size:13.5px;color:var(--text-muted);margin-bottom:10px;}
.breadcrumb a{color:var(--text-muted);}
.grid{display:grid;gap:20px;}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}

/* skjema */
.form-group{margin-bottom:0;}
.form-label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px;}
.form-label .opt{font-weight:400;color:var(--text-muted);}
.form-control,.form-select{width:100%;min-height:44px;border:1px solid var(--field-border);border-radius:var(--radius);
  background:var(--card-bg);color:var(--text);font-family:inherit;font-size:15px;padding:10px 13px;outline:none;font-variant-numeric:tabular-nums;}
/* Egen pil i nedtrekkslister, litt inn fra kanten (den innebygde sitter helt ytterst). */
select.form-select,select.form-control,.sortbar select.select{-webkit-appearance:none;appearance:none;padding-right:42px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%235F6B7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;}
[data-theme="dark"] select.form-select,[data-theme="dark"] select.form-control,[data-theme="dark"] .sortbar select.select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23A3AEBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");}
.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);}
.form-control.is-error{border-color:var(--danger-solid);}
.form-control[disabled]{background:var(--alt-bg);color:var(--text-muted);}
.form-help{font-size:12.5px;color:var(--text-muted);margin-top:5px;}
.form-err{display:flex;gap:6px;font-size:13px;font-weight:600;color:var(--danger);margin-top:6px;}
.input-wrap{position:relative;}
.input-wrap .form-control{padding-right:44px;}
.form-hint{font-size:13px;color:var(--text-muted);margin:6px 0 0;}
/* Bred skjerm: hjelpetekst under feltet tar ikke plass i raden, så alle felt og knappen står på linje */
.form-row.has-hints{padding-bottom:40px;}
.form-row.has-hints .form-group{position:relative;}
.form-row.has-hints .form-hint{position:absolute;top:100%;left:0;right:0;}
.unit{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none;}
.form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:end;}
.form-row.c3{grid-template-columns:repeat(3,minmax(0,1fr)) auto;}

/* resultat */
.result{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;margin:20px 0 0;}
.save-card{background:var(--ok-soft);border:1px solid var(--ok-line);border-radius:var(--radius-lg);padding:30px 28px;display:flex;flex-direction:column;gap:10px;}
.save-card .kick{font-size:14px;font-weight:700;color:var(--ok);text-transform:uppercase;letter-spacing:.06em;}
.save-value{font-size:64px;line-height:1;font-weight:700;color:var(--ok);letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.save-value small{font-size:24px;font-weight:600;letter-spacing:0;}
.save-card .sub{font-size:16px;color:var(--text);max-width:42ch;}
.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px;}
.bars-card{padding:26px 24px;display:flex;flex-direction:column;justify-content:center;gap:20px;}
.bars-card h2{font-size:15px;font-weight:700;}
.bar-lbl{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:6px;}
.track{height:36px;border-radius:var(--radius);background:var(--alt-bg);border:1px solid var(--border);display:flex;overflow:hidden;}
.seg-today{background:#B4BDCB;}
.seg-best{background:var(--primary);}
.seg-rate{background:var(--ok-solid);}
.seg-gain{background:repeating-linear-gradient(135deg,var(--ok-solid) 0 8px,#2A9A72 8px 16px);}
.gain-note{display:flex;align-items:center;gap:6px;color:var(--ok);font-weight:700;font-size:14px;margin-top:6px;}
.axis{font-size:12.5px;color:var(--text-muted);}

/* tabell over tilbydere */
.table-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);}
.pt-head,.pt-row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1.6fr) 128px;gap:14px;padding:14px 18px;align-items:center;}
.table-card.c3 .pt-head,.table-card.c3 .pt-row{grid-template-columns:minmax(0,2.4fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1.6fr) 128px;}
.pt-head{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);}
.pt-row{border-top:1px solid var(--border);}
.pt-head + .pt-row{border-top:none;}
/* Samme header og hover som i produkttabellene. Beste rad beholder sin grønne farge. */
.pt-head{background:color-mix(in srgb,var(--text) 6%,var(--card-bg));}
.pt-row{transition:background-color .12s;}
@media (hover:hover){.pt-row:not(.best):hover{background:var(--primary-soft);}}
.pt-row.best{background:var(--ok-soft);}
.pt-row .name{font-size:15.5px;font-weight:700;}
.pt-row .v{font-size:15.5px;font-weight:600;font-variant-numeric:tabular-nums;}
.pt-row .s{font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.pt-row .lbl{display:none;font-size:12px;color:var(--text-muted);}
.pt-id{display:flex;align-items:center;gap:12px;min-width:0;}
.logo-sq{width:44px;height:44px;border-radius:10px;background:var(--primary-soft);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex:none;}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px;}
.pt-cond{grid-column:1 / -1;}
.good{color:var(--ok);}
.bad{color:var(--danger);}

/* steg og tiles */
.step-card{padding:22px;}
.step-card .badge{display:block;text-align:left;border-radius:6px;margin-bottom:12px;}
.step-card h3{font-size:16.5px;margin-bottom:6px;}
.step-card p{color:var(--text-muted);font-size:14.5px;}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.tile{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;}
.tile b{display:block;font-size:26px;font-weight:700;line-height:1.1;}
.tile span{font-size:13px;color:var(--text-muted);}
/* Samlesiden for sammenligninger: kort per gruppe med lenkeliste og antall produkter. */
.hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;}
.hub .card{padding:22px;gap:12px;}
.hub h2{font-size:19px;margin:0;}
.hub p{margin:0;font-size:14px;color:var(--text-muted);}
.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.plist li{border-top:1px solid var(--border);}
.plist a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;color:var(--text);font-weight:600;font-size:14.5px;text-decoration:none;}
.plist a:hover{color:var(--primary);}
.plist .n{color:var(--text-muted);font-weight:500;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;}
@media(max-width:900px){.hub{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.hub{grid-template-columns:minmax(0,1fr);}}
.offer-head{padding:15px 18px;background:var(--alt-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;}
.offer-value{font-size:28px;font-weight:700;color:var(--ok);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;}
.offer-value small{font-size:14px;font-weight:600;}
.offer-shop{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;}
.offer-title{font-size:15px;font-weight:600;margin:0 0 8px;line-height:1.4;}
.offer-meta{font-size:13px;color:var(--text-muted);margin:0 0 10px;}
.offer-terms{font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:10px;margin-top:auto;display:flex;justify-content:space-between;gap:10px;}

/* tomme tilstander og tilstandskort */
.empty{text-align:center;padding:40px 20px;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);}
.empty h3{font-size:17px;margin:0 0 6px;color:var(--text);}
.empty p{margin:0 0 16px;font-size:14.5px;}
.st-grid{display:grid;grid-template-columns:repeat(3,360px);gap:28px;justify-content:center;}
.st-wrap{display:flex;flex-direction:column;gap:8px;}
.st-label{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;}
.st{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:14px;flex:1;}
.st h3{font-size:17px;}
.sk{background:linear-gradient(90deg,#E8ECF2,#F3F5F8,#E8ECF2);border-radius:6px;height:16px;}
.sk-block{height:92px;border-radius:var(--radius);}
.checklist{display:flex;flex-direction:column;gap:8px;font-size:14.5px;}
.checklist li{display:flex;gap:8px;align-items:flex-start;}
.checklist svg{flex:none;margin-top:3px;color:var(--ok);}

/* tabell og spesifikasjon */
.table{width:100%;border-collapse:collapse;font-size:14.5px;}
.table th{text-align:left;padding:12px 14px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);}
.table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle;}
.table tr:last-child td{border-bottom:none;}
/* Spørsmål og svar. Begrenset til .faq, ellers får menygrupper og profilmenyer i admin et pluss-tegn. */
.faq details{border-bottom:1px solid var(--border);padding:16px 0;}
.faq summary{cursor:pointer;font-size:15.5px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;}
.faq summary::after{content:"+";color:var(--primary);font-size:20px;font-weight:400;}
.faq details p{margin:10px 0 0;font-size:14.5px;color:var(--text-muted);}

/* bunn */
.footer{border-top:1px solid var(--border);background:var(--alt-bg);padding:44px 0 24px;margin-top:0;}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(var(--n,5),minmax(0,1fr));gap:30px;align-items:baseline;}
.fp-logos{display:flex;flex-wrap:wrap;gap:10px;}
.footer h4{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;}
.footer ul{font-size:14px;}
.footer li{margin-bottom:6px;}
.footer li a{display:inline-flex;align-items:center;min-height:32px;}
.footer a{color:var(--text-muted);}
.footer a:hover{color:var(--text);}
.footer .navbar-brand,.footer .navbar-brand:hover{color:var(--text);}
/* Logoen og kolonneoverskriftene står på samme grunnlinje. Kort linjehøyde på logoen, så overskriftene ikke skyves langt ned. */
.footer .navbar-brand{line-height:28px}
.fp-credit{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;margin-top:14px;width:146px;max-width:100%;box-sizing:border-box;min-height:44px;}
/* Alle kortene er like brede (146 px), og alle partnerlogoer får samme boks (124 x 46 px), så brede logoer som Norges Bank ikke blir større enn Forbrukerrådet. */
.fp-credit img{display:block;height:46px;width:auto;max-width:124px;object-fit:contain;}
/* Med tekst over logoen (Norges Bank): litt mindre logo, så den ikke virker større enn Forbrukerrådet. */
.fp-credit.has-cap{flex-direction:column;align-items:flex-start;gap:0;}
.fp-credit .fp-cap{font-size:11px;line-height:14px;color:#1B2330;}
.fp-credit.has-cap img{height:26px;max-width:106px;}
.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:13.5px;color:var(--text-muted);}
.footer-tools{display:flex;gap:20px;align-items:center;}
.footer-tools button{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:13.5px;padding:0;min-height:44px;}

@media(max-width:980px){
  .navbar-inner > .navbar-right{display:none;}
  .navbar-toggle{display:flex;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .result{grid-template-columns:1fr;}
  .form-row,.form-row.c3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .form-row.has-hints{padding-bottom:0;align-items:start;}
  .form-row.has-hints .form-hint{position:static;}
  .form-row.has-hints .btn{align-self:end;}
  .grid-3{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .container{padding:0 16px;}
  .navbar-inner{gap:16px;}
  .navbar-nav{gap:10px;font-size:14px;}
  .page-head h1{font-size:23px;}
  .section{padding:40px 0;}
  .form-row,.form-row.c3,.grid-2,.grid-3,.tiles{grid-template-columns:1fr;}
  .save-card{padding:22px 18px;}
  .save-value{font-size:46px;}
  .save-value small{font-size:20px;}
  .bars-card{padding:22px 18px;}
  .pt-head{display:none;}
  .pt-row,.table-card.c3 .pt-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;}
  .pt-row > :first-child,.pt-row > :last-child{grid-column:1 / -1;}
  .pt-row .lbl{display:block;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-grid > :first-child{grid-column:1 / -1;}
}
@media (prefers-reduced-motion:no-preference){
  .sk{background-size:200% 100%;animation:sk 1.6s ease-in-out infinite;}
  @keyframes sk{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
}

/* Avkrysning (samtykke og bankvalg): hele raden er trykkflate, minst 44 px */
.check{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);min-height:44px;cursor:pointer;}
.check input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--primary);}
.check .t{font-size:15px;line-height:1.45;}
.check .t b{font-weight:700;}
.check .t small{display:block;font-size:13px;color:var(--text-muted);margin-top:2px;}
.check.on{border-color:var(--primary);background:var(--primary-soft);}
.check.err{border-color:var(--danger-solid);background:var(--danger-soft);}
.check:focus-within{outline:3px solid var(--primary);outline-offset:2px;}
.meter{height:10px;border-radius:6px;background:var(--alt-bg);border:1px solid var(--border);overflow:hidden;}
.meter i{display:block;height:100%;background:var(--primary);}
.meter.warn i{background:var(--orange-solid);}

/* Rentetrinn: lenken ligger i kontoraden, trinnene åpner seg i en egen rad under som fyller hele bredden */
.table-card.sav .pt-head,.table-card.sav .pt-row{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.4fr) 128px;}
.tier-toggle{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 24px 0 0;padding:0;background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--primary-text);cursor:pointer;}
.tier-toggle::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s;}
.tier-toggle[aria-expanded="true"]::after{transform:rotate(225deg) translateY(-2px);}
.tier-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius);}
.pt-sub{display:flow-root;background:var(--alt-bg);border-top:1px solid var(--border);padding:16px 18px;}
.pt-sub[hidden]{display:none;}
.pt-sub p{font-size:13.5px;color:var(--text-muted);margin:0 0 10px;}
.pt-sub ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;}
.pt-sub li{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;font-size:14px;font-variant-numeric:tabular-nums;}
@media(max-width:720px){.table-card.sav .pt-row{grid-template-columns:repeat(2,minmax(0,1fr));}.pt-sub{padding:14px 16px;}}

/* Forbrukslån: seks kolonner som sparekonto, med liste over banker som kan åpnes under tilbudet. */
.table-card.loan .pt-head,.table-card.loan .pt-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr) 128px;}
.pt-sub li:has(a){padding:0;}
.pt-sub li a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--primary-text);font-weight:600;}
@media(max-width:720px){.table-card.loan .pt-row{grid-template-columns:repeat(2,minmax(0,1fr));}}
.badge.badge-wrap{white-space:normal;text-transform:none;letter-spacing:0;font-size:12px;border-radius:12px;}
@media(max-width:400px){.navbar-inner{gap:10px;}.navbar-nav{gap:10px;font-size:13.5px;}}
.seg-fee{background:var(--gold);}
.bc-res .seg-fee{background:var(--orange-solid);}
.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;}
.legend li{display:flex;align-items:center;gap:10px;}
.legend li span:nth-child(2){flex:1;}
.legend .swatch{width:14px;height:14px;border-radius:4px;flex:none;}
.pt-sub .cond{white-space:pre-line;color:var(--text);}

/* Kredittkort: samme seks kolonner som forbrukslån, og skjema med to felt. */
.table-card.cards .pt-head,.table-card.cards .pt-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr) 128px;}
.form-row.c2{grid-template-columns:repeat(2,minmax(0,1fr)) auto;}
@media(max-width:980px){.form-row.c2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.table-card.cards .pt-row{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.form-row.c2{grid-template-columns:1fr;}.navbar-multi .navbar-inner{height:auto;flex-wrap:wrap;gap:0 10px;padding-block:4px;}.navbar-multi .navbar-nav{width:100%;flex-wrap:wrap;gap:0 12px;font-size:13.5px;}}

/* Dagligbank: samme seks kolonner som lån og kort. */
.table-card.banking .pt-head,.table-card.banking .pt-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1fr) 128px;}
@media(max-width:720px){.table-card.banking .pt-row{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Alle tjenester: kort med ikon og status øverst, tekst, og typemerke og knapp nederst. */
.service-list{list-style:none;margin:0;padding:0;}
.service-group h2{font-size:22px;margin:0 0 4px;}
.service-group>p{margin:0 0 18px;color:var(--text-muted);}
.service-card .card-body{gap:10px;}
.service-card h3{font-size:19px;margin:0;}
.service-card p{margin:0;font-size:14.5px;}
.service-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;}
.service-top .badges{margin:0;justify-content:flex-end;}
.service-foot{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);}
@media(max-width:980px) and (min-width:721px){.service-list.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Oppslag i Enhetsregisteret (admin, ny tilbyder) */
.brreg{padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid var(--border);}
.brreg-row{display:flex;gap:8px;}
.brreg-row .form-control{flex:1;min-width:0;}
.brreg-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;}
.brreg-item{width:100%;min-height:44px;text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg,#fff);color:var(--text);font:inherit;cursor:pointer;}
.brreg-item:hover:not(:disabled){border-color:var(--primary);}
.brreg-item:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}
.brreg-item:disabled{cursor:not-allowed;opacity:.7;}
.brreg-item span:not(.badge){font-size:13px;color:var(--text-muted);}
.brreg-item .badge{align-self:flex-start;margin-top:4px;}

/* Bankoversikt og banksider */
.filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,1.3fr) auto;gap:14px;align-items:end;}
.bk{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,3fr) 132px;gap:16px;padding:16px 18px;align-items:center;border-top:1px solid var(--border);}
.table-card > .bk:first-child{border-top:0;}
.bk .nm{font-size:16px;font-weight:700;margin:0;}
.bk .nm a{color:var(--text);}
.bk .nm a:hover{color:var(--primary);}
.bk .sm{font-size:13px;color:var(--text-muted);margin:2px 0 0;font-variant-numeric:tabular-nums;}
.pc{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
.pc li{display:inline-flex;gap:6px;align-items:baseline;border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:13px;background:var(--alt-bg);color:var(--text-muted);}
.pc li b{color:var(--text);font-variant-numeric:tabular-nums;}
.pc li.zero{background:transparent;border-style:dashed;}
/* Teller som lenker til bank × kategori: hele flaten er trykkbar, minst 44 px høy. */
.pc li.lk{padding:0;background:var(--card-bg);border-color:var(--field-border);}
.pc li.lk a{display:inline-flex;gap:6px;align-items:center;min-height:44px;padding:0 12px;color:var(--primary-text);font-weight:600;}
.pc li.lk a b{color:inherit;}
.pc li.lk:hover{background:var(--primary-soft);}
/* Banknavn som lenke i sammenligningene: ser ut som tekst, men er understreket. */
.banklink{color:inherit;text-decoration:underline;text-decoration-color:var(--field-border);text-underline-offset:3px;}
.banklink:hover{color:var(--primary-text);text-decoration-color:currentColor;}
.pag{display:flex;gap:6px;justify-content:center;align-items:center;padding:16px;border-top:1px solid var(--border);flex-wrap:wrap;}
.pag a,.pag span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-weight:600;font-size:14.5px;padding:0 12px;background:var(--card-bg);box-sizing:border-box;}
.pag a:hover{border-color:var(--text-muted);color:var(--text);}
.pag .on{background:var(--primary);border-color:var(--primary);color:#fff;}
.pag .dis{color:var(--text-muted);background:var(--alt-bg);}
.note{font-size:12.5px;color:var(--text-muted);margin:0;}
.slot-off{display:inline-flex;flex-direction:column;justify-content:center;gap:1px;min-height:44px;padding:6px 12px;border:1px dashed var(--text-muted);border-radius:var(--radius);background:var(--alt-bg);color:var(--text-muted);font-size:13px;line-height:1.3;box-sizing:border-box;}
.slot-off b{font-weight:700;display:flex;align-items:center;gap:6px;}
.slot-off .d{font-size:12.5px;font-variant-numeric:tabular-nums;}
.gobox{display:inline-flex;flex-direction:column;align-items:center;gap:4px;}
.partner-tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--text-muted);line-height:1.2;}
.ptable thead th .partner-tag{text-transform:none;letter-spacing:0;font-weight:600;}
.slot-none summary{list-style:none;cursor:pointer;}
.slot-none summary::-webkit-details-marker{display:none;}
.slot-none summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.slot-none .why{margin-top:6px;padding:10px 12px;max-width:280px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-size:13px;line-height:1.45;color:var(--text);}
.slot-none .why p{margin:0;}
.slot-none .why p+p{margin-top:6px;}
.slotbox{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.slotbox .note{font-size:13.5px;line-height:1.45;max-width:46ch;}
.bhead{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.bid{display:flex;gap:16px;align-items:center;min-width:0;}
.bid h1{margin:0 0 4px;}
.bid p{margin:0;font-size:14px;color:var(--text-muted);}
.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start;}
/* Tabeller med mange kolonner får hele bredden, og sidepanelet legges under i en rad */
.cols-wide{grid-template-columns:minmax(0,1fr);}
.cols-wide > .aside-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;}
@media(min-width:721px){.cols-wide .ptable tbody th{width:26%;}}
.aside-col{display:flex;flex-direction:column;gap:20px;min-width:0;}
.sec-t{font-size:22px;margin:0 0 6px;}
.side-t{font-size:18px;margin:0 0 8px;}
.dl{display:flex;flex-direction:column;margin:0;}
.dl > div{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--border);font-size:15px;}
.dl > div:first-child{border-top:0;}
.dl svg{color:var(--text-muted);flex:none;margin-top:3px;}
.dl dt.k{font-size:12.5px;color:var(--text-muted);}
.dl dd{margin:0;}
.names{list-style:none;margin:0;padding:0;}
.names li{padding:12px 18px;border-top:1px solid var(--border);font-size:14.5px;font-weight:600;}
.names li:first-child{border-top:0;}
/* Banksiden: ett kort per kategori */
.grp-col{display:flex;flex-direction:column;gap:20px;min-width:0;}
.gcard{padding:22px;display:flex;flex-direction:column;gap:14px;}
.gcard h3{margin:0;font-size:20px;}
.gtop{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;}
.gsum{font-size:14.5px;color:var(--text-muted);}
.gnames{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;}
.gnames li{padding:10px 0;border-top:1px solid var(--border);font-weight:600;font-size:14.5px;overflow-wrap:anywhere;}
.gnames li:nth-child(-n+2){border-top:0;}
.gmore{font-size:13.5px;color:var(--text-muted);margin:0;}
.gact{display:flex;gap:12px;flex-wrap:wrap;}
@media (max-width:700px){
  .gnames{grid-template-columns:1fr;}
  .gnames li:nth-child(2){border-top:1px solid var(--border);}
  .gact .btn{width:100%;}
  .gcard{padding:18px;}
}
@media (max-width:900px){
  .filters{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cols{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .filters{grid-template-columns:1fr;}
  .bk{grid-template-columns:1fr;gap:12px;}
  .bk .btn{width:100%;}
  .slotbox,.slotbox .slot-off{width:100%;}
}

/* Lenker til de andre lånesammenligningene nederst på lånesidene */
.kinds ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }

/* nedtrekksmeny i toppmenyen */
.nav-dd{position:relative;display:inline-flex;align-items:center;}
.nav-dd > a{padding-right:0;}
.nav-dd-btn{display:inline-flex;align-items:center;width:20px;min-height:44px;background:none;border:0;padding:0 0 0 3px;justify-content:flex-start;color:var(--text-muted);cursor:pointer;border-radius:var(--radius);}
.nav-dd-btn:hover,.nav-dd-btn[aria-expanded="true"]{color:var(--text);}
.nav-dd-btn svg{transition:transform .15s;}
.nav-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg);}
.nav-dd-btn:focus-visible,.nav-dd-panel a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.nav-dd-panel{position:absolute;top:100%;left:0;z-index:110;min-width:260px;max-width:calc(100vw - 32px);max-height:70vh;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);}
.nav-dd-panel[hidden]{display:none;}
.nav-dd-panel a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--text);font-size:14.5px;font-weight:500;box-shadow:none;}
.nav-dd-panel a:hover{background:var(--primary-soft);color:var(--primary-text);}
.nav-dd-panel a[aria-current="page"]{background:var(--primary-soft);color:var(--primary-text);font-weight:700;}
.nav-dd-panel .all{margin-top:4px;padding-top:4px;border-top:1px solid var(--border);}
.nav-dd-panel .all a{color:var(--text-muted);font-size:13.5px;}
/* Usynlig bro over gapet mellom menyvalget og panelet, så hover ikke slipper */
@media(min-width:721px){.nav-dd-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;}}
@media(max-width:720px){.nav-dd{position:static;}.nav-dd-panel{left:16px;right:16px;min-width:0;max-width:none;}}

/* mobilmeny: «Meny»-knapp og panel over hele bredden, grupper som trekkspill */
.nav-menu-btn,.nav-dd-label{display:none;}
@media(max-width:720px){
  /* Større logo i headeren på mobil. Menyknappen tar lite plass, så det er rom. */
  .navbar .navbar-brand{font-size:29px;}
  .navbar .navbar-brand.brand-img img{height:40px;max-width:200px;}
  .navbar-multi .navbar-inner,.navbar-inner{height:62px;flex-wrap:nowrap;padding-block:0;gap:16px;}
  .nav-menu-btn{display:inline-flex;align-items:center;gap:8px;margin-left:auto;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:9px;background:none;color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;}
  .nav-menu-btn[hidden]{display:none;}
  .nav-menu-btn:focus-visible,.nav-dd-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
  .nav-menu-btn[aria-expanded="true"]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text);}
  .nav-menu-btn .ico-close,.nav-menu-btn[aria-expanded="true"] .ico-open{display:none;}
  .nav-menu-btn[aria-expanded="true"] .ico-close{display:inline;}
  .navbar-nav,.navbar-multi .navbar-nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;flex-direction:column;flex-wrap:nowrap;gap:0;font-size:16px;background:var(--body-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);max-height:calc(100vh - 62px);max-height:calc(100dvh - 62px);overflow-y:auto;}
  .navbar-nav.open{display:flex;}
  .navbar-nav > a{min-height:56px;padding:0 16px;color:var(--text);font-weight:600;border-bottom:1px solid var(--border);box-shadow:none;}
  .navbar-nav > a.active{background:var(--primary-soft);color:var(--primary-text);box-shadow:none;}
  .nav-dd{position:static;display:block;border-bottom:1px solid var(--border);}
  .nav-dd > a{display:none;}
  .nav-dd-btn{width:100%;min-height:56px;padding:0 16px;justify-content:space-between;border-radius:0;font-size:16px;font-weight:600;color:var(--text);}
  .nav-dd-btn[aria-expanded="true"]{background:var(--primary-soft);color:var(--primary-text);font-weight:700;}
  .nav-dd-label{display:inline;}
  .nav-dd-btn svg{width:20px;height:20px;}
  .nav-dd-panel{position:static;min-width:0;max-width:none;max-height:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--alt-bg);}
  .nav-dd-panel a{min-height:48px;padding:0 16px 0 32px;border-radius:0;font-size:16px;}
  .nav-dd-panel .all{margin:0;padding:0;border-top:1px solid var(--border);}
  .nav-dd-panel .all a{font-size:15px;font-weight:600;color:var(--text);}
}

/* Bankpakker: pakke, årsavgift, krav og knapp. */
.table-card.packages .pt-head,.table-card.packages .pt-row{grid-template-columns:minmax(0,2.4fr) minmax(0,1.1fr) minmax(0,2fr) 128px;}
@media(max-width:720px){.table-card.packages .pt-row{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Tilbud som krever pakke: egen liste under hovedlisten. */
.pkg-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.pkg-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;}
@media(max-width:560px){.pkg-list li{flex-direction:column;align-items:flex-start;gap:8px;}}

/* Sidebeskrivelse under resultatene: ligger lukket, åpnes av leseren */
.seo-body{margin-top:32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg)}
.seo-body summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 18px;cursor:pointer;font-weight:700;list-style:none}
.seo-body summary::-webkit-details-marker{display:none}
.seo-body summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform .15s;flex:none;margin-right:4px}
.seo-body[open] summary::after{transform:rotate(-135deg)}
.seo-body summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-lg)}
.seo-text{padding:0 18px 18px;max-width:75ch;line-height:1.7}
.seo-text h2{font-size:1.25rem;margin:1.3em 0 .4em}.seo-text h3{font-size:1.1rem;margin:1.2em 0 .4em}
.seo-text p,.seo-text ul,.seo-text ol{margin:.7em 0}
.seo-text table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.seo-text td,.seo-text th{border:1px solid var(--border);padding:6px 10px;text-align:left}
.seo-text blockquote{margin:1em 0;padding:12px 16px;background:var(--primary-soft);border-radius:var(--radius)}
.seo-text a{color:var(--primary-text);text-decoration:underline}

/* Uten «mot i dag»-kolonnen (brukeren har ikke oppgitt dagens rente) deler resten kolonnene likt. */
.table-card.no-today .pt-head,.table-card.no-today .pt-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 128px;}
.table-card.sav.no-today .pt-head,.table-card.sav.no-today .pt-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr) 128px;}
@media(max-width:720px){.table-card.no-today .pt-row,.table-card.sav.no-today .pt-row{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* Produktsider per bank: tabell med produktene. På smal skjerm blir hver rad til et kort, så ingenting ruller sidelengs. */
.ptable{width:100%;border-collapse:collapse;font-size:14.5px;}
.ptable th,.ptable td{padding:14px 12px;border-top:1px solid var(--border);vertical-align:top;text-align:left;}
.ptable th:first-child,.ptable td:first-child{padding-left:18px;}
.ptable th:last-child,.ptable td:last-child{padding-right:18px;}
.ptable thead th{border-top:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--text) 6%,var(--card-bg));font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;line-height:1.3;vertical-align:bottom;}
.ptable tbody th{font-weight:400;width:34%;}
.ptable tbody th b{display:block;font-weight:600;}
.ptable tbody th span{display:block;font-size:13px;color:var(--text-muted);}
.ptable thead th a.sorth{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-14px -4px;padding:0 4px;color:inherit;border-radius:6px;font-weight:700;}
.ptable thead th.n a.sorth{justify-content:flex-end;}
.ptable thead th a.sorth:hover{color:var(--text);}
.sorth .ar{display:inline-flex;flex-direction:column;gap:2px;opacity:.45;}
.sorth .ar i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;}
.sorth .ar i.u{border-bottom:5px solid currentColor;}
.sorth .ar i.d{border-top:5px solid currentColor;}
.ptable thead th a.sorth.on{color:var(--primary-text);}
.sorth.on .ar{opacity:1;}
.sorth.asc .ar i.d,.sorth.desc .ar i.u{opacity:.25;}
.sortbar{display:none;}
/* Overskriftene i sammenligningslistene er lenker når listen kan sorteres. */
.pt-head a.sorth{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-14px -8px;padding:0 8px;color:inherit;border-radius:6px;font-weight:700;text-decoration:none;}
.pt-head a.sorth:hover{color:var(--text);}
.pt-head a.sorth.on{color:var(--primary-text);background:var(--primary-soft);}
.pt-head a.sorth:focus-visible{outline:2px solid var(--primary);outline-offset:1px;}
.ptable td.go,.ptable th.go-h{text-align:right;white-space:nowrap;}
.ptable td.go .btn{white-space:nowrap;}
.ptable .n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.ptable td[data-k="rate"]{font-size:17px;font-weight:700;letter-spacing:-.01em;}
.ptable tbody th .tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px;}
.ptable tbody th .tag,.tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:20px;white-space:nowrap;border:1px solid var(--border);background:var(--card-bg);color:var(--text-muted);}
.ptable tbody th .tag-low,.tag-low{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line);}
/* Tallstripen øverst: ett kort, ett felt per tall */
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-bottom:24px;}
.strip > div{padding:18px 22px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border);}
.strip > div:first-child{border-left:0;}
.strip .k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
.strip b{font-size:30px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.strip .s{font-size:13.5px;color:var(--text-muted);}
/* Banksiden: lange etiketter brytes til to linjer, så tallene står på samme høyde i alle fliser. */
@media(min-width:721px){.strip-bank .k{min-height:2.7em;}}
@media (max-width:700px){
  .strip{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));}
  .strip > div{padding:14px 16px;}
  .strip > div:first-child{grid-column:1 / -1;border-bottom:1px solid var(--border);flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap;}
  .strip > div:nth-child(2){border-left:0;}
  .strip b{font-size:clamp(20px,6vw,26px);overflow-wrap:anywhere;}
}
@media (max-width:720px){
  .sortbar.cmp{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:stretch;margin-bottom:12px;}
  .sortbar.cmp label{grid-column:1 / -1;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
  .sortbar.cmp .select{height:48px;min-height:48px;box-sizing:border-box;width:100%;border:1px solid var(--field-border);border-radius:var(--radius);padding:0 12px;font:inherit;font-size:15px;background-color:var(--card-bg);color:var(--text);}
  /* Samme høyde og bredde på knappene i sorteringen og søket, så radene flukter */
  .sortbar.cmp .btn{height:48px;min-width:96px;padding:0 16px;box-sizing:border-box;}
}
@media (max-width:700px){
  .sortbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:stretch;}
  .sortbar label{grid-column:1 / -1;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
  .sortbar .select{height:48px;min-height:48px;box-sizing:border-box;width:100%;border:1px solid var(--field-border);border-radius:var(--radius);padding:0 12px;font:inherit;font-size:15px;background-color:var(--card-bg);color:var(--text);}
  .sortbar .btn{height:48px;min-width:96px;padding:0 16px;box-sizing:border-box;}
  .ptable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
  .ptable,.ptable tbody,.ptable tr,.ptable th,.ptable td{display:block;width:auto;}
  .ptable tr{padding:16px;border-top:1px solid var(--border);}
  .ptable tr:first-child{border-top:0;}
  .ptable th,.ptable td,.ptable th:first-child,.ptable td:first-child,.ptable th:last-child,.ptable td:last-child{border:0;padding:0;}
  .ptable tbody th{width:auto;}
  .ptable td.n::before{content:attr(data-label);color:var(--text-muted);}
  /* Hvert lån som kort: navn og rente øverst, de andre tallene under i to kolonner */
  .ptable tr{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px 14px;}
  .ptable tbody th{grid-column:1;margin:0;}
  .ptable td.n{display:block;padding:0;border:0;min-height:0;text-align:left;font-size:15px;font-weight:600;}
  .ptable td.n::before{display:block;font-size:12px;font-weight:400;}
  .ptable td[data-k="rate"]{grid-column:2;grid-row:1;text-align:right;font-size:20px;}
  .ptable td[data-k="rate"]::before{text-align:right;}
  .ptable td.go{grid-column:1 / -1;}
  .ptable td.go .btn{width:100%;}
}
.names.more li{padding:0;}
.names.more li a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 0;color:var(--primary);}
.names.more li a:hover{color:var(--primary-hover);}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Filter på bankpakker: felt på én linje, status som to valg, én felles hjelpetekst */
.pkg-filter{overflow:visible;}
.pkg-filter .fgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) auto;gap:16px;align-items:end;}
.pkg-filter .status{grid-column:1 / -1;}
.pkg-filter .f{min-width:0;}
.pkg-filter .f label:not(.chip),.pkg-filter legend{display:block;font-size:14px;font-weight:600;margin:0 0 6px;padding:0;}
.pkg-filter .opt{font-weight:400;color:var(--text-muted);}
.pkg-filter fieldset{border:0;margin:0;padding:0;}
.pkg-filter .checks{display:flex;gap:10px;flex-wrap:wrap;}
.chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-size:15px;cursor:pointer;}
.chip input{width:20px;height:20px;margin:0;accent-color:var(--primary);}
.chip:has(input:checked){border-color:var(--primary);background:var(--primary-soft);}
.chip:focus-within{outline:3px solid var(--primary);outline-offset:2px;}
.pkg-filter .factions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.pkg-filter .reset{display:inline-flex;align-items:center;min-height:44px;font-weight:600;}
.pkg-filter .fhelp{grid-column:1 / -1;font-size:13px;color:var(--text-muted);margin:0;}
.pkg-filter .fbar{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:14px;}
@media(max-width:700px){.pkg-filter .fgrid{grid-template-columns:1fr 1fr;}.pkg-filter .factions{grid-column:1 / -1;}}
@media(max-width:560px){.pkg-filter .fgrid{grid-template-columns:1fr;}.pkg-filter .chip{flex:1 1 100%;}.pkg-filter .factions .btn{flex:1 1 100%;}}

/* Produkttabeller: aldri klipt. Mellom mobil og full bredde får tabellen smalere celler og overskrifter som bryter, og som siste sikring scroller den i kortet. */
.table-card:has(.ptable){overflow-x:auto;}
@media(min-width:721px) and (max-width:1100px){
  .ptable th,.ptable td{padding-inline:8px;}
  .ptable thead th.n{white-space:normal;}
  .ptable .n{font-size:14px;}
}

/* Radmeny øverst på produktsiden: bankens produkter, den du ser på er markert */
.pnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.pnav a,.pnav .on{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-weight:600;font-size:14.5px;}
.pnav a{color:var(--text);}
.pnav a:hover{border-color:var(--primary);color:var(--primary-text);}
.pnav .on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text);}
.pnav .c{color:var(--text-muted);font-weight:500;}
.pnav .on .c{color:var(--primary-text);}

/* Grupper på siden for andre lån */
.grp{display:flex;flex-direction:column;gap:10px;}
.grp-h2{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;}
.grp-h2 h3{margin:0;font-size:19px;}
.grp-h2 .rng{font-size:13.5px;color:var(--text-muted);}
.jump{display:flex;flex-wrap:wrap;gap:8px;}
.jump a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-weight:600;font-size:14.5px;}
.jump a:hover{border-color:var(--primary);color:var(--primary-text);}
.jump .c{color:var(--text-muted);font-weight:500;}
.navbar-brand.brand-img{display:inline-flex;align-items:center;min-height:44px}
.navbar-brand.brand-img img{display:block;height:32px;width:auto;max-width:180px}

/* Bankens egen vilkårstekst under et produkt (utvidbar, men ligger i HTML-en) */
/* Hover på radene. Raden og bankens vilkårsrad under den lyser sammen, uansett hvilken av dem musen er over. */
@media (hover:hover){
  .ptable tbody tr,.ptable tbody tr td{transition:background-color .12s;}
  .ptable tbody tr:not(.btx-row):hover,.ptable tbody tr:not(.btx-row):has(+ .btx-row:hover){background:var(--primary-soft);}
  .ptable tbody tr:not(.btx-row):hover + .btx-row td,.ptable tbody tr.btx-row:hover td{background:var(--primary-soft);}
}
.ptable tr.btx-row td{padding:0;border-top:0;background:var(--alt-bg);}
.btx>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 18px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--primary-text);flex-wrap:wrap;}
.btx>summary::-webkit-details-marker{display:none;}
.btx>summary::before{content:"+";display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-weight:700;font-size:15px;line-height:1;}
.btx[open]>summary::before{content:"\2212";}
.btx>summary .d{font-weight:400;color:var(--text-muted);font-size:13px;}
.btx .bd{padding:4px 18px 16px 50px;display:flex;flex-direction:column;gap:8px;}
.btx .bd .note{margin:0;font-size:13px;color:var(--text-muted);}
.btx .bd .cond{margin:0;white-space:pre-line;font-size:14.5px;line-height:1.55;max-width:72ch;overflow-wrap:anywhere;}
.btx-same{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px 18px;font-size:14px;color:var(--text-muted);}
.btx-same .eq{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--alt-bg);font-weight:700;}
@media (max-width:700px){
  .ptable tr.btx-row{display:block;padding:0;border-top:0;}
  .ptable tr.btx-row td{display:block;}
  .btx>summary,.btx-same{padding-inline:14px;}
  .btx .bd{padding:4px 14px 16px;}
}

/* Kontaktskjema */
.contact{max-width:680px;}
.contact .alert{margin-bottom:16px;}
.contact-errors{margin:8px 0 0;padding-left:18px;}
.contact-errors a{color:var(--danger);font-weight:600;text-decoration:underline;}
.contact-form{display:flex;flex-direction:column;gap:18px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;}
.contact-form .btn{align-self:flex-start;}
.contact-form .form-label{font-size:15.5px;margin-bottom:8px;}
.contact-form .form-hint,.contact-form .form-err{font-size:14px;}
.contact-text{resize:vertical;min-height:150px;line-height:1.5;}
.contact-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.contact-meta .form-hint{margin:6px 0 0;}
.contact-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.contact-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 6px 6px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--alt-bg);font-weight:600;}
.contact-privacy{margin:0;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
@media(max-width:720px){
  .contact-form{padding:18px 16px;}
  .contact-two{grid-template-columns:1fr;}
  .contact-form .btn{align-self:stretch;}
  .contact-meta{flex-direction:column;gap:0;}
}

/* Kryptokalkulator: bygger på valutakalkulatoren (.cur-calc), med skjult tilstand for feil og svar */
.kk{margin-top:32px;}
.kk .alert{margin:0 0 16px;}
.kk .form-err[hidden],.kk .cur-res[hidden]{display:none;}
.kk .form-hint{margin:8px 0 0;}

/* Valutakurser og valutakalkulator */
.cur .alert{margin-bottom:16px;}
.cur-calc{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);margin-bottom:36px;}
.cur-calc h2{font-size:19px;margin:0 0 4px;}
.cur-lead{color:var(--text-muted);margin:0 0 18px;font-size:14.5px;}
.cur-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 52px minmax(0,1fr);gap:14px;align-items:end;}
.cur-calc .input-wrap .form-control{padding-right:58px;}
.cur-swap{display:inline-flex;align-items:center;justify-content:center;width:48px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font:inherit;cursor:pointer;}
.cur-swap:hover{border-color:var(--text-muted);}
.cur-swap[disabled]{background:var(--alt-bg);color:var(--text-muted);cursor:not-allowed;}
.cur-calc .form-err{align-items:flex-start;}
.cur-calc .form-err svg{flex:none;margin-top:2px;}
.cur-submit{margin-top:16px;}
.cur-res{margin-top:18px;background:var(--primary-soft);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:6px;}
.cur-res .k{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-text);}
.cur-res .big{font-size:38px;line-height:1.1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.cur-res .big small{font-size:20px;font-weight:600;letter-spacing:0;color:var(--text-muted);}
.cur-res .sub{font-size:14.5px;}
.cur-res .sub.muted{color:var(--text-muted);font-size:13.5px;}
.cur-warn{margin:16px 0 0 !important;}
.cur-list h2{font-size:19px;margin:0 0 12px;}
.cur-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:end;margin:0 0 14px;}
.cur-search label{grid-column:1 / -1;font-size:13.5px;font-weight:600;}
.cur-search .input-wrap .form-control{padding-left:40px;padding-right:13px;}
.cur-search .input-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;}
.cur-note{font-size:13.5px;color:var(--text-muted);margin:0 0 12px;}
.cur-note a{color:var(--primary-text);text-decoration:underline;font-weight:600;}
.cur-tablewrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--card-bg);box-shadow:var(--shadow);}
.cur-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.cur-table th,.cur-table td{padding:13px 18px;text-align:left;vertical-align:middle;}
.cur-table thead th{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);}
.cur-table thead th a.sorth{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-14px -8px;padding:0 8px;color:inherit;border-radius:6px;font-weight:700;text-decoration:none;}
.cur-table thead th a.sorth:hover{color:var(--text);}
.cur-table thead th a.sorth.on{color:var(--primary-text);background:var(--primary-soft);}
.cur-table thead th a.sorth:focus-visible{outline:2px solid var(--primary);outline-offset:1px;}
.cur-table .c-name{width:34%;}
.cur-table .c-rate{width:19%;}
.cur-table .c-ch{width:17%;}
.cur-table .c-act{width:132px;text-align:right;}
.cur-table tbody tr{border-top:1px solid var(--border);}
.cur-table tbody tr:first-child,.cur-table tbody tr.cur-group + tr{border-top:0;}
.cur-table tbody th[scope="row"]{font-weight:inherit;}
.cur-table tr.cur-group{border-top:1px solid var(--border);}
.cur-table tr.cur-group th{padding:10px 18px;background:var(--alt-bg);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
.cur-table tr.cur-group:first-child{border-top:0;}
.cur-id{display:flex;align-items:center;gap:12px;min-width:0;}
.cur-code{width:48px;height:40px;border-radius:8px;background:var(--primary-soft);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13.5px;flex:none;letter-spacing:.02em;}
.cur-nm{min-width:0;}
.cur-n{display:block;font-weight:700;font-size:15px;line-height:1.3;overflow-wrap:anywhere;}
.cur-100{display:none;font-size:12.5px;color:var(--text-muted);}
.cur-v{font-weight:600;font-size:15.5px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.cur-ch{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);}
.cur-ch.up{color:var(--kr-up-text);}
.cur-ch.dn{color:var(--kr-dn-text);}
.cur-ch.up svg{color:var(--kr-up);}
.cur-ch.dn svg{color:var(--kr-dn);}
.cur-ch svg{width:10px;height:8px;position:relative;top:1px;flex:none;}
.cur-ch.fl{color:var(--text-muted);}
/* Endring overalt (krypto, valuta): fylt pil i kursfargen, tallet i mørkere nyanse. Retningen står også i skjermlesertekst. */
.cur-src{font-size:13px;color:var(--text-muted);margin:10px 0 0;}
@media(max-width:720px){
  .cur-calc{padding:16px;}
  .cur-grid{grid-template-columns:minmax(0,1fr);}
  .cur-swap{width:100%;}
  .cur-submit .btn{width:100%;}
  .cur-res{padding:16px;}
  .cur-res .big{font-size:32px;}
  .cur-search .btn{min-width:44px;}
  /* Tabellen blir en liste: valuta til venstre, kurs og endring til høyre. Hele raden er lenken «Regn om». */
  .cur-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
  .cur-table,.cur-table tbody,.cur-table tr,.cur-table th,.cur-table td{display:block;width:auto;}
  .cur-table th,.cur-table td{padding:0;}
  .cur-table tbody tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:14px 16px;}
  .cur-table tbody tr.cur-group{display:block;padding:0;}
  .cur-table tr.cur-group th{padding:10px 16px;}
  .cur-table .c-name,.cur-table .c-rate,.cur-table .c-ch,.cur-table .c-act{width:auto;}
  .cur-table td.c-100{display:none;}
  .cur-table td.c-rate{grid-column:2;grid-row:1;text-align:right;}
  .cur-table td.c-ch{grid-column:2;grid-row:2;text-align:right;}
  .cur-table th.c-name{grid-column:1;grid-row:1 / span 2;}
  .cur-100{display:block;}
  .cur-table td.c-act{position:absolute;inset:0;}
  .cur-table td.c-act .btn{position:absolute;inset:0;width:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;overflow:hidden;}
  .cur-table td.c-act .btn:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;}
}

/* Kursside per valuta (/valutakurser/eur) */
.cur-link{color:var(--text);text-decoration:none;}
.cur-link:hover{color:var(--primary-text);text-decoration:underline;}
.cur-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 6px;}
.cur-big{font-size:40px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;}
.cur-two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start;}
.cur-two>*{min-width:0;}
.cur-two .cur-calc{margin-bottom:0;}
.cur-graph{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);}
.cur-graph h2{font-size:19px;margin:0 0 2px;}
.cur-periods{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;}
.cur-periods a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:56px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-weight:600;font-size:14px;text-decoration:none;}
.cur-periods a:hover{border-color:var(--text-muted);}
.cur-periods a[aria-current]{background:var(--primary-soft);color:var(--primary-text);border-color:var(--primary);}
.cur-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;}
.cur-stats>div{background:var(--alt-bg);border-radius:var(--radius);padding:12px 14px;min-width:0;}
.cur-stats dt{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px;}
.cur-stats dd{margin:0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;}
.cur-stats dd small{display:block;font-size:12.5px;font-weight:400;color:var(--text-muted);white-space:normal;}
.cur-svgwrap{position:relative;}
.cur-svg{display:block;width:100%;max-width:100%;height:auto;touch-action:pan-y;}
.cur-chart-narrow{display:none;}
.cur-svgwrap + .cur-svgwrap{margin-top:0;}
.cur-calc .form-group + .form-group{margin-top:14px;}
.cur-svg text{font-family:inherit;font-size:12px;fill:var(--text-muted);font-variant-numeric:tabular-nums;}
.cur-svg .grid{stroke:var(--border);stroke-width:1;}
.cur-svg .line{fill:none;stroke:var(--primary);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
.cur-svg .last,.cur-svg .dot{fill:var(--primary);stroke:var(--card-bg);stroke-width:2;}
.cur-svg [hidden]{display:none;}
.cur-svg .cursor{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3;}
.cur-svg:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px;}
.cur-tip{position:absolute;top:0;pointer-events:none;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:6px 10px;box-shadow:var(--shadow);font-size:13px;line-height:1.35;white-space:nowrap;transform:translateX(-50%);}
.cur-tip .d{display:block;color:var(--text-muted);font-size:12px;}
.cur-tabview{margin-top:14px;}
.cur-tabview summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--primary-text);}
.cur-tablewrap2{overflow-x:auto;margin-top:8px;}
.cur-mini{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;}
.cur-mini caption{text-align:left;font-weight:700;padding:8px 0;}
.cur-mini th,.cur-mini td{text-align:left;padding:9px 10px;border-top:1px solid var(--border);}
.cur-mini th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);}
.cur-about{margin-top:36px;max-width:70ch;}
.cur-about h2{font-size:19px;}
@media(max-width:720px){
  .cur-two{grid-template-columns:minmax(0,1fr);}
  .cur-graph{padding:16px;}
  .cur-big{font-size:34px;}
  .cur-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cur-chart-wide{display:none;}
  .cur-chart-narrow{display:block;}
  .cur-chart-narrow .cur-svg text{font-size:13px;}
  .cur-stats dd{font-size:15.5px;}
  /* Navnet er en egen lenke over radlenken «Regn om». */
  .cur-table .cur-n.cur-link{position:relative;z-index:1;padding:8px 0;margin:-8px 0;}
}

/* Boliglån: detaljer per lån og linjen over listen */
.pt-item{border-top:1px solid var(--border);}
.pt-head + .pt-item{border-top:none;}
.pt-item .pt-row{border-top:none;}
.pt-item .pt-row .s{margin:2px 0 0;}
.ld>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;cursor:pointer;font-weight:600;font-size:14px;color:var(--primary-text);border-top:1px dashed var(--border);}
.ld>summary::-webkit-details-marker{display:none;}
.ld>summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px;}
.ld-chev{transition:transform .15s;}
.ld[open] .ld-chev{transform:rotate(180deg);}
.ld[open] .ld-o,.ld:not([open]) .ld-c{display:none;}
.ld-plan{display:none;margin:0;padding:2px 18px 0;background:var(--alt-bg);border-top:1px solid var(--border);}
.bc-js .ld-plan{display:block;}
.ld-plan+.ld-body{border-top:0;}
.ld-body{padding:6px 18px 18px;background:var(--alt-bg);border-top:1px solid var(--border);}
.ld-body h3{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 6px;}
.ld-body h3:first-child{margin-top:12px;}
.ld-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;margin:0;}
.ld-dl > div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px;min-width:0;}
.ld-dl dt{color:var(--text-muted);}
.ld-dl dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.ld-dl dd.na{font-weight:400;color:var(--text-muted);}
.ld-tier{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;background:var(--card-bg);border:1px solid var(--border);}
.ld-tier th,.ld-tier td{text-align:left;padding:9px 12px;border-top:1px solid var(--border);}
.ld-tier thead th{border-top:none;font-size:12px;color:var(--text-muted);}
.ld-tier .r{text-align:right;}
.ld-cond{margin:0;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:14.5px;line-height:1.55;white-space:pre-line;max-width:72ch;overflow-wrap:anywhere;}
.ld-note{margin:8px 0 0;font-size:13px;color:var(--text-muted);}
.ld-body p:last-child{margin:14px 0 0;}
.rate-info{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-size:14px;}
.rate-info svg{flex:none;margin-top:2px;color:var(--primary-text);}
.rate-info ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;}
@media(max-width:720px){
  .ld>summary{padding:0 16px;}
  .ld-body{padding:4px 16px 18px;}
  .ld-dl{grid-template-columns:minmax(0,1fr);}
}

/* Boliglån: Flere valg (fast rente og avdragsfrihet) */
.more{margin-top:16px;border-top:1px solid var(--border);}
.more>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:600;font-size:14.5px;color:var(--primary-text);}
.more>summary::-webkit-details-marker{display:none;}
.more>summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}
.more>summary .n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--primary-hover);color:#fff;font-size:12.5px;}
.more>summary .chev{transition:transform .15s;}
.more[open]>summary .chev{transform:rotate(180deg);}
.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:6px 0 4px;align-items:start;}
.more-grid .form-group{margin:0;}
fieldset.rt{border:0;margin:0;padding:0;min-width:0;}
fieldset.rt legend{font-size:13.5px;font-weight:600;padding:0;margin-bottom:6px;}
.rt-seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card-bg);}
.rt-seg label{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:96px;padding:0 16px;font-size:14.5px;cursor:pointer;position:relative;}
.rt-seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;}
.rt-seg label + label{border-left:1px solid var(--border);}
.rt-seg label:has(input:checked){background:var(--primary-soft);color:var(--primary-text);font-weight:700;}
.rt-seg label:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:-3px;}
.more .hint{font-size:13px;color:var(--text-muted);margin:6px 0 0;}
.opt-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 14px;}
.opt-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:18px;background:var(--primary-soft);color:var(--primary-text);font-size:14px;font-weight:600;}
.opt-chips .reset{font-size:14px;font-weight:600;color:var(--primary-text);text-decoration:underline;min-height:44px;display:inline-flex;align-items:center;padding:0 6px;}
/* Fast rente: forklaring og sammenligning */
.fx-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;}
.fx-guide > div{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--card-bg);}
.fx-guide b{display:block;font-size:15px;margin:0 0 4px;}
.fx-guide p{margin:0;font-size:14.5px;color:var(--text-muted);}
.fx-link{margin:-4px 0 16px;font-size:14.5px;}
.fx-link a{font-weight:600;display:inline-flex;align-items:center;min-height:44px;}
.fx-cmp{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);}
.fx-cmp .table td,.fx-cmp .table tbody th{vertical-align:top;}
.fx-cmp .table tbody th{text-align:left;padding:12px 14px;font-size:14.5px;border-bottom:1px solid var(--border);text-transform:none;letter-spacing:0;color:var(--text);}
.fx-cmp .table tr:last-child th{border-bottom:none;}
@media(max-width:720px){
  .fx-guide{grid-template-columns:minmax(0,1fr);}
  /* Smal skjerm: hver rad blir et lite kort, så ingen kolonne klippes */
  .fx-cmp .table thead{display:none;}
  .fx-cmp .table tr,.fx-cmp .table tbody th,.fx-cmp .table td{display:block;}
  .fx-cmp .table tbody th{padding:12px 14px 4px;border-bottom:none;}
  .fx-cmp .table td{padding:4px 14px;border-bottom:none;}
  .fx-cmp .table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);}
  .fx-cmp .table tr:last-child td:last-child{padding-bottom:12px;}
  .fx-cmp .table tr + tr{border-top:1px solid var(--border);}
}
/* Boliglån: søk i listen */
.sq{display:flex;gap:10px;align-items:stretch;margin:0 0 14px;}
.sq .sqw{position:relative;flex:1 1 0;min-width:0;}
.sq .sqw > svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;}
.sq input[type=search]{display:block;box-sizing:border-box;width:100%;min-width:0;height:48px;padding-left:40px;padding-right:44px;-webkit-appearance:none;appearance:none;}
.sq input[type=search]::-webkit-search-cancel-button{display:none;}
.sq .sqclr{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius);}
.sq .sqclr:focus-visible{outline:3px solid var(--primary);}
.sq .btn{flex:none;height:48px;min-width:96px;padding:0 16px;box-sizing:border-box;}
.sq-count{font-size:14.5px;color:var(--text-muted);margin:0 0 12px;}
.sq-count b{color:var(--text);}
.field-error{font-size:14px;color:var(--danger);margin:-6px 0 12px;font-weight:600;}
mark.hl{background:var(--yellow-soft);color:inherit;border-radius:3px;padding:0;}

.pt-row .pill{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:3px 10px;border-radius:20px;background:var(--alt-bg);color:var(--text);border:1px solid var(--border);margin-top:8px;white-space:nowrap;}
@media(max-width:720px){
  .more-grid{grid-template-columns:minmax(0,1fr);}
  .rt-seg{display:flex;}
  .rt-seg label{flex:1;min-width:0;}
}

/* Forside */
.hero{background:var(--alt-bg);border-bottom:1px solid var(--border);padding:44px 0 40px;}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start;}
.hero-text{grid-column:span 5;display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.hero-text h1{font-size:38px;line-height:1.12;font-weight:800;text-wrap:balance;}
.hero-text .lead{font-size:17px;color:var(--text-muted);max-width:46ch;}
.hero-form{grid-column:span 7;min-width:0;}
.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--text-muted);}
.trust li{display:inline-flex;align-items:center;gap:6px;}
.trust svg{color:var(--ok-solid);flex:none;}
/* Fanene i heroen styres av radioknapper, så de virker uten JavaScript. */
.htabs{display:flex;flex-direction:column;}
.htabs-list{display:flex;gap:4px;flex-wrap:wrap;padding:6px;background:var(--card-bg);border:1px solid var(--border);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;}
.htab-radio{position:absolute;opacity:0;width:1px;height:1px;}
.htab{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--radius);font-weight:600;font-size:14.5px;color:var(--text-muted);cursor:pointer;}
.htab:hover{color:var(--text);}
#htab-mortgage:checked~.htabs-list [for="htab-mortgage"],#htab-savings:checked~.htabs-list [for="htab-savings"],#htab-loans:checked~.htabs-list [for="htab-loans"],#htab-cards:checked~.htabs-list [for="htab-cards"],#htab-currency:checked~.htabs-list [for="htab-currency"]{background:var(--primary-soft);color:var(--primary-text);}
#htab-mortgage:focus-visible~.htabs-list [for="htab-mortgage"],#htab-savings:focus-visible~.htabs-list [for="htab-savings"],#htab-loans:focus-visible~.htabs-list [for="htab-loans"],#htab-cards:focus-visible~.htabs-list [for="htab-cards"],#htab-currency:focus-visible~.htabs-list [for="htab-currency"]{outline:2px solid var(--primary);outline-offset:2px;}
.htab-panel{display:none;background:var(--card-bg);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:20px;flex-direction:column;gap:16px;}
#htab-mortgage:checked~#hpanel-mortgage,#htab-savings:checked~#hpanel-savings,#htab-loans:checked~#hpanel-loans,#htab-cards:checked~#hpanel-cards,#htab-currency:checked~#hpanel-currency{display:flex;}
.hrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.hrow-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.hfoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.hfoot .small{flex:1;min-width:200px;}
.hsec{padding:44px 0;}
.hsec-alt{background:var(--alt-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.hsec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.hsec-head h2,.banks-find h2,.about h2{font-size:24px;font-weight:800;}
.hsec-head .more{font-weight:600;font-size:14.5px;}
.now{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.now-card{position:relative;padding:18px 20px;display:flex;flex-direction:column;gap:8px;min-height:150px;}
.now-card:hover{border-color:var(--primary);}
.now-card .label{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);}
.now-card .v{font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.02em;}
.now-card .d{font-size:13.5px;color:var(--text-muted);}
.now-card .stretch{position:absolute;inset:0;border-radius:inherit;}
.now-card .stretch:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.htiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.htile{padding:18px 20px;display:flex;flex-direction:column;gap:6px;min-height:96px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);}
.htile:hover{border-color:var(--primary);color:var(--text);}
.htile b{font-size:16px;}
.htile-h{display:flex;align-items:center;gap:10px;min-width:0;}
.htile .kc-ico{width:28px;height:28px;}
@media(min-width:901px){.htiles-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}}
.htile .cnt{font-size:13.5px;color:var(--text-muted);}
.htile .cnt-per{display:block;margin-top:2px;font-size:12px;color:var(--text-muted);}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0;}
.how li{display:flex;gap:14px;}
.how .n{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;}
.how h3{font-size:16px;font-weight:700;margin:0;}
.how p{color:var(--text-muted);font-size:14.5px;margin:0;}
.banks-find{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 28px;align-items:center;}
.banks-find .t{grid-column:span 5;}
.banks-find form{grid-column:span 7;display:flex;gap:10px;flex-wrap:wrap;}
.banks-find form .form-control{flex:1;min-width:220px;min-height:48px;}
.banks-find .chips{grid-column:span 12;display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.banks-find .chip{min-height:40px;border-radius:999px;font-size:13.5px;color:var(--text);}
.banks-find .chip:hover{border-color:var(--primary);color:var(--primary-text);}
.banks-find .chip-all{font-weight:600;}
.about{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;}
.about h2{font-size:20px;margin-bottom:8px;}
.about p{color:var(--text-muted);}
/* Ticker: nøkkeltall øverst. Ruller på desktop, står stille på mobil og når brukeren ber om mindre bevegelse. */
/* Fast mørk bakgrunn i begge temaer, ellers blir den lys i mørk modus og teksten uleselig. */
.ticker{background:#141B27;color:#F3F6FA;font-size:13px;overflow:hidden;}
.ticker-inner{height:36px;display:flex;align-items:center;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);}
.tk-track{display:flex;gap:28px;width:max-content;animation:tk-roll 60s linear infinite;}
.ticker:hover .tk-track,.ticker:focus-within .tk-track{animation-play-state:paused;}
.tk-items{display:flex;gap:28px;list-style:none;margin:0;padding:0;white-space:nowrap;}
/* Hvert tall: navn og verdi uten ramme, endring i fylt felt til høyre. */
.tk a,.tk>span{display:inline-flex;align-items:stretch;color:inherit;height:28px;font-size:13px;line-height:1;}
.tk a:hover .tk-v{text-decoration:underline;text-underline-offset:3px;}
.tk a:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.tk-v{display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 0;}
.tk-l{color:#CBD3DF;font-weight:500;}
.tk b{font-weight:600;color:#fff;}
/* Endring i tickeren: farget tekst og fylt pil direkte på den mørke stripen (ingen fylt boks), så kursfargene holder kontrast uten hvit tekst. */
.tk-c{display:inline-flex;align-items:center;align-self:center;gap:5px;padding:0 0 0 2px;font-size:13px;font-weight:600;}
.tk-c svg{width:10px;height:8px;flex:none;}
.tk-c.up{color:var(--kr-up);}
.tk-c.down{color:#F0626B;}
@keyframes tk-roll{from{transform:translateX(0);}to{transform:translateX(calc(-50% - 14px));}}
@media(prefers-reduced-motion:reduce){.tk-track{animation:none;}}
@media(max-width:900px){
  .hero-grid,.banks-find,.about{grid-template-columns:minmax(0,1fr);}
  .hero-text,.hero-form,.banks-find .t,.banks-find form,.banks-find .chips{grid-column:span 1;}
  .now,.htiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .how{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:600px){
  .hero{padding:30px 0 28px;}
  .hero-text h1{font-size:29px;}
  .hrow,.hrow-3,.now,.htiles{grid-template-columns:minmax(0,1fr);}
  .now-card{min-height:0;}
  .hsec{padding:32px 0;}
  .hsec-head h2,.banks-find h2{font-size:21px;}
  .htab{padding:0 12px;font-size:14px;}
  /* På mobil står tickeren stille og skyves sidelengs med fingeren. Kopien trengs ikke uten rulling. */
  .tk-track{animation:none;width:auto;}
  .ticker-inner{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);}
  .ticker-inner::-webkit-scrollbar{display:none;}
  .tk-items[aria-hidden="true"]{display:none;}
  .tk-items{padding-right:28px;}
}

/* Samlesiden for boliglån (/boliglan uten søk) */
.showall{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;padding:18px 20px;border:1px dashed var(--field-border);border-radius:var(--radius-lg);background:var(--alt-bg);}
.showall b{font-size:15.5px;}
.showall span{font-size:13.5px;color:var(--text-muted);flex:1;min-width:240px;}
.hsec-src{font-size:13px;color:var(--text-muted);margin:14px 0 0;}
.hub-kinds .hsec-head{margin-bottom:14px;}
.hub-kinds .hsec-head h2{font-size:22px;font-weight:700;}
.hub-guide h2,.hub-faq h2{font-size:22px;font-weight:700;margin-bottom:8px;}
.hub-guide .seo-text{padding:0;}
/* Toppkortet på boliglån: månedsbeløp og total side om side */
.top-figs{display:flex;gap:28px;flex-wrap:wrap;align-items:baseline;}
.top-figs .save-value{font-size:40px;}
.top-figs .save-value small{font-size:16px;display:block;margin-top:2px;}
.save-card .sub.today{margin-top:8px;padding-top:10px;border-top:1px solid var(--ok-line);}
@media(max-width:600px){.top-figs{gap:16px;}.top-figs .save-value{font-size:32px;}}

/* Lettere å forstå: skjema med spørsmål og hjelpelinje, ett grønt kort, forbehold på én linje, ordforklaringer */
.form-row.q{align-items:start;}
.form-row.q .btn{margin-top:27px;}
.form-row.q .form-hint{margin-top:5px;line-height:1.4;}
.save-card.one{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 32px;align-items:start;padding:26px 28px;}
.save-card.one .kick,.save-card.one .today,.save-card.one .actions,.save-card.one .bankline{grid-column:1 / -1;}
.save-card.one .figs{display:flex;flex-direction:column;gap:12px;}
.save-card.one .sub{max-width:none;font-size:15px;}
.save-card.one .today{border-top:1px solid var(--ok-line);padding-top:14px;margin:0;font-size:15px;color:var(--text);}
.save-card.one .actions{margin-top:0;}
.save-card .comp{display:flex;flex-direction:column;gap:8px;min-width:0;}
.save-card .comp h3{font-size:14px;font-weight:700;margin:0;}
.save-card .comp .track{height:12px;border-radius:6px;background:var(--card-bg);border:0;}
.save-card .comp .legend{flex-direction:row;flex-wrap:wrap;gap:6px 16px;font-size:13px;}
.save-card .comp .legend li span:nth-child(2){flex:none;}
.save-card .comp .legend .swatch{width:10px;height:10px;border-radius:3px;}
.save-card .comp .bar-lbl{font-size:13.5px;margin-bottom:4px;}
.save-card .comp .gain-note{font-size:13.5px;margin-top:4px;}
.save-card .comp .axis{margin-top:2px;}
.result.one{grid-template-columns:minmax(0,1fr);}
/* Delt visning (testsiden /boliglan2): skjema til venstre, resultat til høyre. Under 1000 px stables det som vanlig. */
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start;}
.split-r>:first-child{margin-top:0!important;}
@media(min-width:1000px){
.split{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;}
.split-l .form-row,.split-l .form-row.c3{grid-template-columns:minmax(0,1fr);gap:14px;}
.split-l .form-row.has-hints{padding-bottom:0;}
.split-l .form-row.has-hints .form-hint{position:static;}
.split-l .btn[type=submit]{width:100%;}
}
@media(min-width:1000px) and (min-height:760px){.split-l{position:sticky;top:16px;}}
.notes{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-muted);padding:10px 14px;background:var(--primary-soft);border-radius:var(--radius);margin-top:16px;}
.notes svg{flex:none;margin-top:3px;color:var(--primary-text);}
.notes b{color:var(--text);}
.notes details{display:inline;}
.notes summary{display:inline;cursor:pointer;color:var(--primary-text);font-weight:600;list-style:none;min-height:0;}
.notes summary::-webkit-details-marker{display:none;}
.notes summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px;}
.notes ul{list-style:disc;margin:8px 0 0;padding-left:18px;color:var(--text-muted);display:flex;flex-direction:column;gap:4px;}
.ord{position:relative;display:inline-block;vertical-align:middle;margin-left:4px;line-height:0;}
.ord-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid var(--field-border);background:transparent;color:var(--text-muted);font:inherit;font-size:11px;font-weight:700;line-height:1;cursor:help;}
.ord-btn:hover,.ord-btn[aria-expanded="true"]{border-color:var(--primary);color:var(--primary-text);}
.ord-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}
.ord-tip{display:none;position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:270px;max-width:calc(100vw - 32px);background:var(--text);color:var(--body-bg);font-size:13px;font-weight:400;line-height:1.45;padding:10px 12px;border-radius:8px;text-align:left;z-index:20;box-shadow:var(--shadow-lg);white-space:normal;}
.ord-btn:hover + .ord-tip,.ord-btn:focus-visible + .ord-tip,.ord-btn[aria-expanded="true"] + .ord-tip{display:block;}
.table-card:has(.ord-btn:hover),.table-card:has(.ord-btn[aria-expanded="true"]){overflow:visible;}
@media(max-width:900px){
  .save-card.one{grid-template-columns:minmax(0,1fr);}
  .save-card.one .kick,.save-card.one .today,.save-card.one .actions,.save-card.one .bankline{grid-column:span 1;}
}
@media(max-width:720px){
  .form-row.q .btn{margin-top:0;}
  .ord-tip{left:0;transform:none;}
}

/* Banklogoer: 40 px høy boks med tynn ramme, opptil 96 px bred for brede logoer. Forbokstav i blå sirkel som reserve */
.blogo{flex:none;width:auto;min-width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.blogo img{display:block;height:100%;width:auto;max-width:96px;box-sizing:border-box;object-fit:contain;padding:5px;}
.blogo.fb{width:40px;border:0;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-weight:700;font-size:16px;}
.bankline{display:flex;align-items:center;gap:12px;}
.bankline .blogo{height:44px;min-width:44px;}
.bankline .blogo.fb{width:44px;}
.bankline b{font-size:16px;}
.bankline .blogo + b:empty{display:none;}

.bankline > span{display:flex;flex-direction:column;min-width:0;line-height:1.3;}
.bankline small{font-size:13px;font-weight:400;}
.bank-summary{margin-bottom:24px;}
.bank-summary p{margin:0;max-width:72ch;}

/* Enkeltproduktside (boliglån): nøkkeltall, vilkårstabeller, eksempel og renteendringer. */
.item-gap{margin-bottom:20px;}
.item-main{display:flex;flex-direction:column;gap:26px;min-width:0;}
.item-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.item-tile{border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;background:var(--card-bg);}
.item-tile small{display:block;font-size:12.5px;color:var(--text-muted);}
.item-tile b{display:block;font-size:24px;line-height:1.25;margin:2px 0;}
.item-tile span{font-size:12.5px;color:var(--text-muted);}
.item-kv{width:100%;border-collapse:collapse;font-size:14.5px;}
.item-kv th,.item-kv td{text-align:left;padding:10px 0;border-top:1px solid var(--border);vertical-align:top;}
.item-kv tr:first-child th,.item-kv tr:first-child td{border-top:0;}
.item-kv th{font-weight:500;color:var(--text-muted);width:46%;padding-right:12px;}
.item-kv td{font-weight:600;}
.item-kv td.na{color:var(--text-muted);font-weight:400;}
.item-example{gap:12px;}
.item-compo{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;background:var(--alt-bg);}
.item-compo i{display:block;height:100%;}
.item-c-loan{background:var(--primary);}
.item-c-interest{background:var(--ok-solid);}
.item-c-fees{background:var(--gold-solid);}
.item-legend{display:flex;gap:6px 16px;flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:13px;}
.item-legend li{display:flex;align-items:center;gap:6px;}
.item-legend li i{width:10px;height:10px;border-radius:3px;display:inline-block;}
.item-hist{display:block;max-width:100%;height:auto;}
.item-hist text{font-size:11px;fill:var(--text-muted);}
.item-hist .gl{stroke:var(--border);}
.item-hist .ln{stroke:var(--primary);stroke-width:2.5;}
.item-hist .pt{fill:var(--primary);stroke:var(--card-bg);stroke-width:2;}
.item-cond summary{cursor:pointer;font-weight:600;min-height:24px;}
.item-mini-list{list-style:none;margin:0;padding:0;}
.item-mini-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border);font-size:14px;min-height:44px;}
.item-mini-list li:first-child{border-top:0;}
.item-mini-list small{display:block;color:var(--text-muted);font-size:12.5px;}
.item-mini-list a{min-height:44px;display:inline-flex;align-items:center;}
@media(max-width:720px){.item-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}.item-kv th{width:42%;}}

/* Toppmeny med paneler (MainMenu). Gjenbruker .nav-dd og dropdown.js. */
.nav-ico{flex:none;margin-right:6px;}
.nav-ext{margin-left:5px;opacity:.6;flex:none;}
.nav-new{margin-left:6px;padding:0 7px;border-radius:999px;background:var(--gold-soft);color:var(--gold-on);font-size:11.5px;font-weight:700;line-height:18px;}
.navbar-nav > a .nav-ico{margin-right:6px;}
.nav-dd-solo{width:auto;padding:0 6px;gap:0;font:inherit;font-size:14.5px;font-weight:500;color:var(--text-muted);}
.nav-dd-solo .nav-ico{margin-right:6px;}
.nav-dd-solo svg:last-child{margin-left:6px;}
.nav-dd-solo.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--primary);border-radius:0;}
.nav-mega-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px 36px;padding-top:22px;padding-bottom:24px;}
.nav-sec h3{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:700;}
.nav-sec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.nav-sec li a{display:flex;align-items:center;}
@media(min-width:721px){
  .nav-dd-mega{position:static;}
  .nav-dd-panel.nav-mega{left:0;right:0;top:100%;min-width:0;max-width:none;padding:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-left:0;border-right:0;}
  .nav-sec li a{margin:0 -12px;min-height:36px;padding-top:4px;padding-bottom:4px;font-weight:400;}
  .nav-dd-panel.nav-mega{background:var(--alt-bg);}
}
@media(max-width:720px){
  .nav-dd-solo{width:100%;min-height:56px;padding:0 16px;justify-content:flex-start;font-size:16px;font-weight:600;color:var(--text);}
  .nav-dd-solo svg:last-child{margin-left:auto;width:20px;height:20px;}
  .nav-dd-solo.active{box-shadow:none;}
  .nav-mega-in{display:block;padding:0;}
  .nav-sec h3{padding:14px 16px 2px 32px;margin:0;}
  .navbar-nav > a .nav-ico{margin-right:8px;}
}
.nav-dd-solo .nav-dd-label{display:inline;}

/* Artikler */
.acard{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden;box-shadow:var(--shadow);min-width:0;}
.acard .img{display:block;aspect-ratio:16/9;background:var(--alt-bg);}
.acard .img img{display:block;width:100%;height:100%;object-fit:cover;}
.acard .tx{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.acard h2,.acard h3{font-size:17px;line-height:1.3;margin:0;}
.acard h2 a,.acard h3 a{color:var(--text);}
.acard p{color:var(--text-muted);font-size:14.5px;margin:0;}
.acard .meta{font-size:13px;color:var(--text-muted);margin-top:auto;}
.acard.feat{flex-direction:row;grid-column:1/-1;}
.acard.feat .img{aspect-ratio:auto;flex:0 0 46%;}
.acard.feat h2{font-size:26px;}
.acard.feat .tx{padding:24px;gap:12px;justify-content:center;}
.chip-t{display:inline-flex;align-self:flex-start;padding:2px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:12.5px;font-weight:600;}
a.chip-t:hover{text-decoration:underline;}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.topics a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:14px;font-weight:500;background:var(--card-bg);}
.topics a .n{font-size:12px;color:var(--text-muted);}
.topics a.on{background:var(--primary);border-color:var(--primary);color:#fff;}
.topics a.on .n{color:#fff;}
.article-page{padding-top:24px;padding-bottom:56px;}
.article-grid{display:block;}
.article{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:18px;}
.article h1{font-size:34px;line-height:1.15;font-weight:800;text-wrap:balance;margin:10px 0 0;}
.article .lead{font-size:18px;color:var(--text-muted);margin:10px 0 0;}
.article .meta{font-size:13.5px;color:var(--text-muted);margin:10px 0 0;}
.hero-img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);}
.toc{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--alt-bg);padding:16px 20px;display:flex;flex-direction:column;gap:2px;}
.toc a,.toc-list a{display:flex;align-items:center;min-height:44px;font-weight:500;}
.toc a.is-sub,.toc-list a.is-sub{padding-left:16px;font-size:14.5px;}
.toc-side{display:none;}
.toc-list{display:flex;flex-direction:column;}
.toc-list b{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;}
.toc-list a{display:block;min-height:0;padding:7px 0 7px 14px;border-left:2px solid var(--border);font-size:14.5px;line-height:1.4;font-weight:500;color:var(--text-muted);text-decoration:none;}
.toc-list a:hover{color:var(--primary-hover);border-left-color:var(--primary-hover);}
.toc-list a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.toc-list a.is-sub{padding-left:28px;font-size:13.5px;font-weight:400;}
.toc-list a[aria-current="true"]{color:var(--text);border-left-color:var(--primary);font-weight:600;}
@media(min-width:1000px){
.article-grid{display:grid;grid-template-columns:240px minmax(0,720px);gap:48px;justify-content:center;align-items:start;}
.article-grid .article{margin:0;}
.toc-side{display:block;position:sticky;top:90px;max-height:calc(100vh - 120px);overflow-y:auto;}
.toc-inline{display:none;}
}
.article-body{font-size:17px;line-height:1.7;}
.article-body h2{font-size:25px;line-height:1.25;margin:34px 0 10px;scroll-margin-top:80px;}
.article-body h3{font-size:19px;margin:24px 0 8px;}
.article-body p,.article-body ul,.article-body ol{margin:0 0 14px;}
.article-body ul,.article-body ol{padding-left:22px;}
.article-body li{margin-bottom:6px;}
.article-body a{text-decoration:underline;}
.article-body table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto;margin:0 0 16px;}
.article-body th,.article-body td{border:1px solid var(--border);padding:8px 10px;text-align:left;}
.article-body th{background:var(--alt-bg);}
.article-body{display:flow-root;}
.article-body h2,.article-body h3{clear:both;}
.article-body figure{margin:22px auto;max-width:560px;}
.article-body figure.fig-full{max-width:none;}
.article-body figure.fig-full img{width:100%;}
.article-body figure.fig-left{float:left;width:min(45%,320px);margin:6px 24px 14px 0;}
@media(max-width:600px){.article-body figure.fig-left{float:none;width:auto;max-width:none;margin:22px 0;}}
.article-body .gallery{margin:22px 0;display:flex;flex-direction:column;gap:16px;}
.article-body .gallery figure{margin:0;max-width:none;}
.article-body .gallery.is-carousel{gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden;}
.article-body .gallery.is-carousel img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0;}
.article-body .gallery.is-carousel figcaption{margin:0;padding:10px 14px 0;min-height:44px;}
.article-body .gallery.is-carousel:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px 14px;}
.gallery-nav .btn{min-height:44px;min-width:44px;}
.gallery-nav .btn:disabled{opacity:.45;cursor:default;}
.gallery-count{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;}
@media(max-width:600px){.gallery-nav .btn{flex:1;}}
@media print{.gallery-nav{display:none;}.article-body .gallery.is-carousel figure[hidden]{display:block!important;}.article-body .gallery.is-carousel{border:0;gap:16px;}}
.article-body img{display:block;max-width:100%;height:auto;border-radius:var(--radius);margin:0 auto;}
.article-body figcaption{font-size:14px;line-height:1.5;color:var(--text-muted);margin-top:8px;}
.cta-box{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--primary-soft);padding:18px 20px;}
.cta-box h2{font-size:19px;margin:0 0 4px;}
.cta-box p{margin:0;color:var(--text-muted);font-size:14.5px;}
.related{margin-top:48px;}
.related h2{font-size:22px;margin:0 0 16px;}
@media(max-width:900px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr));}.acard.feat{flex-direction:column;}.acard.feat .img{flex:none;aspect-ratio:16/9;}}
@media(max-width:600px){.agrid{grid-template-columns:minmax(0,1fr);}.article h1{font-size:27px;}.article-body{font-size:16.5px;}}

/* Søk: knapp i menyen, panel under menyen, forslag og treffside */
.nav-search{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;margin-left:auto;border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14.5px;font-weight:600;background:none;cursor:pointer;}
.nav-search:hover,.nav-search[aria-expanded="true"]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text);}
.search-panel{position:absolute;top:100%;left:0;right:0;z-index:120;background:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);max-height:calc(100vh - 62px);overflow-y:auto;}
.search-panel[hidden]{display:none;}
.search-panel-in{max-width:760px;padding-top:16px;padding-bottom:18px;display:flex;flex-direction:column;gap:14px;}
.search-field,.search-form{position:relative;display:flex;align-items:center;gap:8px;}
.search-field input,.search-form input[type="search"]{flex:1;min-width:0;min-height:48px;padding:0 44px 0 42px;border:1.5px solid var(--field-border);border-radius:var(--radius);background:var(--body-bg);color:var(--text);font:inherit;font-size:16px;}
.search-form input[type="search"]{padding-left:14px;padding-right:14px;}
.search-field input:focus,.search-form input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary);}
/* Søkefeltet i toppmenyen har egen tøm-knapp. Nettleserens innebygde kryss skjules, ellers står det to. */
.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none;}
.search-ico{position:absolute;left:13px;top:14px;color:var(--text-muted);pointer-events:none;}
.search-clear{position:absolute;right:112px;top:2px;width:44px;height:44px;border:0;background:none;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
.search-clear[hidden]{display:none;}
.search-go,.search-form .btn{min-height:48px;}
.sgrp{display:flex;flex-direction:column;gap:6px;}
.sgrp h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:700;}
.search-forget{margin-left:8px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;}
.srow{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 12px;border-radius:10px;color:var(--text);}
.srow:hover,.srow.foc{background:var(--primary-soft);color:var(--primary-text);}
.srow .t{display:flex;flex-direction:column;min-width:0;}
.srow .t small{color:var(--text-muted);font-size:13px;}
.srow .m{font-weight:800;}
.sall{display:inline-flex;align-items:center;min-height:44px;font-weight:600;}
.snote,.search-note{font-size:13px;color:var(--text-muted);margin:0;}
.search-msg{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:6px 0;}
.search-msg .btn{align-self:flex-start;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chips a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:14.5px;font-weight:500;background:var(--card-bg);}
.chips a:hover,.chips a.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text);}
.empty .chips{justify-content:center;}
.skel{height:14px;border-radius:6px;background:var(--alt-bg);margin:8px 0;}
.search-page{padding-top:24px;padding-bottom:56px;display:flex;flex-direction:column;gap:20px;}
.search-form{max-width:560px;}
.search-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;}
.search-groups{display:flex;flex-direction:column;gap:18px;}
.search-box{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);padding:16px 18px;display:flex;flex-direction:column;gap:8px;}
.search-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin:0;}
@media(max-width:900px){.search-layout{grid-template-columns:1fr;}}
@media(max-width:720px){
  .navbar-inner .nav-search{order:2;margin-left:auto;padding:0 12px;}
  .navbar-search .nav-menu-btn{order:3;margin-left:0;}
  .nav-search span{display:none;}
  .nav-search{width:44px;justify-content:center;padding:0;}
  .search-panel{position:fixed;top:62px;bottom:auto;height:calc(100vh - 62px);height:calc(100dvh - 62px);max-height:none;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;}
  .search-clear{right:100px;}
}

/* /boliglan3: kalkulator over liste. Alt bygger på tokens over. */
.bc-tabs ul{display:flex;flex-wrap:wrap;gap:4px 20px;border-bottom:1px solid var(--border);margin-bottom:20px;}
.bc-tabs a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-muted);font-weight:600;font-size:14.5px;border-bottom:3px solid transparent;margin-bottom:-1px;}
.bc-tabs a:hover{color:var(--text);}
.bc-tabs a[aria-current="page"]{color:var(--primary-text);border-bottom-color:var(--primary);}
.bc-calc{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;}
.bc-sl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;}
.bc-s{min-width:0;}
.bc-t{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:600;font-size:14px;}
.bc-hint{font-size:12.5px;color:var(--text-muted);margin:4px 0 0;line-height:1.4;}
.bc-r{display:flex;align-items:center;margin-top:4px;}
.bc-r[hidden]{display:none;}
.bc-r input[type=range].is-unset{accent-color:var(--field-border);}
.bc-r input[type=range]{flex:1;min-width:0;min-height:44px;accent-color:var(--primary);margin:0;cursor:pointer;}
/* Synlig sirkel på 20 px, men trykkflaten er 44 px. */
.bc-pm{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;color:var(--primary-text);font-family:inherit;}
.bc-pm span{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--field-border);display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;font-weight:600;}
.bc-pm:hover span{border-color:var(--primary);background:var(--primary-soft);}
.bc-pm:focus-visible{outline:2px solid var(--primary);outline-offset:-4px;border-radius:var(--radius);}
.bc-ltv{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;background:var(--alt-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:14px;}
.bc-ltv .bar{grid-column:1 / -1;height:6px;border-radius:3px;background:var(--border);overflow:hidden;}
.bc-ltv .bar i{display:block;height:100%;background:var(--primary);border-radius:3px;}
.bc-res{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;}
.bc-kick{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
.bc-res-top{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.bc-big{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;margin:4px 0 0;}
.bc-big small{display:block;font-size:13.5px;font-weight:500;color:var(--text-muted);letter-spacing:0;}
.bc-donut{flex:none;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,var(--card-bg) 0 54%,transparent 55%),conic-gradient(var(--primary) 0 var(--p1),#B4BDCB var(--p1) var(--p2),var(--orange-solid) var(--p2) 100%);}
.bc-tot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:10px;font-size:14px;}
.bc-res .sub{font-size:13.5px;margin:0;}
.bc-gobox{display:flex;flex-direction:column;gap:4px;align-items:flex-start;}
.bc-list{margin-top:36px;}
#l-h{scroll-margin-top:90px;}
.bc-listhead h2{font-size:22px;}
.bc-listhead p{font-size:14px;}
.bc-cols{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;margin-top:16px;}
.bc-side{min-width:0;}
.bc-filter{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);}
.bc-filter>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 16px;cursor:pointer;font-weight:700;}
.bc-filter>summary::-webkit-details-marker{display:none;}
.bc-filter>summary .n{font-size:12.5px;font-weight:600;color:var(--primary-text);background:var(--primary-soft);border-radius:999px;padding:2px 10px;}
.bc-filter-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:14px;}
.bc-fs{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:2px;}
.bc-fs legend,.bc-leg{padding:0;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;}
.bc-opt{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14.5px;cursor:pointer;}
.bc-opt input{width:20px;height:20px;flex:none;accent-color:var(--primary);margin:0;}
.bc-opt span:not(.n){flex:1;min-width:0;}
.bc-opt small{display:block;font-size:12.5px;color:var(--text-muted);line-height:1.35;}
.bc-opt .n{font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.bc-extra{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;align-items:start;}
.bc-extra-wide{grid-column:1 / -1;}
.bc-reset{margin:0;font-size:14px;}
.bc-reset a{display:inline-flex;align-items:center;min-height:44px;}
.bc-main{min-width:0;}
.bc-info{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;justify-content:space-between;background:var(--alt-bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:14px;margin-bottom:12px;}
.bc-info a{font-weight:600;display:inline-flex;align-items:center;min-height:44px;}
.bc-table{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden;}
.bc-th,.bc-row{display:grid;grid-template-columns:104px minmax(0,1fr) 96px 120px 156px;gap:0 16px;align-items:center;padding:0 16px;}
.bc-table.nologo .bc-th,.bc-table.nologo .bc-row{grid-template-columns:minmax(0,1fr) 96px 120px 156px;}
.bc-th{min-height:44px;background:var(--alt-bg);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);}
.bc-th .r,.bc-num{text-align:right;}
.bc-th a.sorth{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:inherit;}
.bc-th a.sorth.on{color:var(--primary-text);}
.bc-item{border-bottom:1px solid var(--border);}
.bc-item:last-child{border-bottom:0;}
.bc-row{padding-top:14px;padding-bottom:14px;}
.bc-row.top{background:var(--primary-soft);}
.bc-logo{display:flex;align-items:center;justify-content:flex-start;}
.bc-name{min-width:0;}
.bc-name .n{font-weight:700;font-size:16px;margin:0;overflow-wrap:anywhere;}
.bc-name .t{font-size:13.5px;color:var(--text-muted);margin:0;}
.bc-name .badges{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px;}
.bc-name .badges:empty{display:none;}
.bc-name .ex{font-size:12.5px;color:var(--text-muted);margin:6px 0 0;line-height:1.45;}
.bc-num b{display:block;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap;}
.bc-num span{display:block;font-size:12px;color:var(--text-muted);line-height:1.3;}
.bc-go{display:flex;flex-direction:column;gap:4px;align-items:stretch;min-width:0;}
.bc-go .btn{width:100%;}
.bc-det{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13.5px;font-weight:600;color:var(--primary-text);}
.bc-rest>summary.bc-showmore{list-style:none;display:flex;align-items:center;justify-content:center;min-height:48px;cursor:pointer;font-weight:600;color:var(--primary-text);border-top:1px solid var(--border);background:var(--alt-bg);}
.bc-rest>summary.bc-showmore::-webkit-details-marker{display:none;}
.bc-rest[open]>summary.bc-showmore{display:none;}
.bc-rest>summary:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;}
@media(max-width:1000px){
  .bc-calc{grid-template-columns:minmax(0,1fr);}
  .bc-cols{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:720px){
  .bc-sl,.bc-extra{grid-template-columns:minmax(0,1fr);}
  .bc-big{font-size:30px;}
  .bc-th{display:none;}
  .bc-row,.bc-table.nologo .bc-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;padding:14px;}
  .bc-logo,.bc-name,.bc-go{grid-column:1 / -1;}
  .bc-logo{justify-content:flex-start;}
  .bc-num{text-align:left;}
}
/* Kortet med laveste totalpris har samme grønne som kortet på de andre boliglånssidene (.save-card). */
.bc-res{background:var(--ok-soft);border-color:var(--ok-line);box-shadow:none;}
.bc-res .bc-kick{color:var(--ok);font-size:14px;}
.bc-res .bc-tot{border-top-color:var(--ok-line);}
.bc-res .bc-donut{background:radial-gradient(circle,var(--ok-soft) 0 54%,transparent 55%),conic-gradient(var(--primary) 0 var(--p1),#B4BDCB var(--p1) var(--p2),var(--orange-solid) var(--p2) 100%);}
/* Bank uten avtale: liten, vanlig tekst over en grå knapp. */
.bc-nop{display:block;font-size:12.5px;font-weight:400;color:var(--text-muted);line-height:1.2;}
.bc-go .bc-nop{text-align:center;}
.bc-res .bc-gobox .bc-nop{text-align:left;}
/* Sammenligningen med det du betaler i dag står i en egen boks, så den ikke forsvinner mellom småteksten. Teksten sier det samme som fargen. */
/* Toppkortet: fordeling av første måned, nøkkeltall og faser. */
.bc-res .bc-res-top{align-items:flex-start;}
.bc-dn{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;}
.bc-pc{font-size:12px;line-height:1.3;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;}
.bc-res .legend{gap:6px;}
.bc-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}
.bc-phr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 14px;align-items:baseline;}
.bc-phr+.bc-phr{border-top:1px solid var(--border);}
.bc-phr p{font-weight:600;font-size:14px;margin:0;}
.bc-phr b{font-size:17px;text-align:right;}
.bc-phr span{grid-column:1 / -1;font-size:13px;color:var(--text-muted);line-height:1.4;}
.bc-kv{border-top:1px solid var(--ok-line);padding-top:8px;display:flex;flex-direction:column;gap:2px;font-size:13.5px;margin:0;}
.bc-kv div{display:flex;justify-content:space-between;gap:12px;}
.bc-kv dt{color:var(--text-muted);}
.bc-kv dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;}
.bc-kv .bc-kv-sum dt{color:var(--text);font-weight:700;}
.bc-kv .bc-kv-sum dd{font-weight:800;}
.bc-res-act{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;gap:12px;}
.bc-res-act .bc-gobox{align-items:stretch;}
.bc-res-act .btn{width:100%;justify-content:center;text-align:center;}
.bc-res-links{display:flex;flex-wrap:wrap;gap:0 18px;margin:-4px 0 0;}
.bc-res-links a,.bc-plan-btn{display:inline-flex;align-items:center;min-height:44px;font:inherit;font-weight:500;color:var(--primary-text);}
.bc-plan-btn{display:none;background:none;border:0;padding:0;cursor:pointer;}
.bc-js .bc-plan-btn{display:inline-flex;}
.bc-plan-btn:hover{color:var(--primary-hover);text-decoration:underline;}
/* Nedbetalingsplanen i dialog. På smal skjerm fyller den hele skjermen. */
.bc-plan{padding:0;border:0;border-radius:var(--radius-lg);background:var(--card-bg);color:var(--text);width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);}
.bc-plan::backdrop{background:rgba(27,35,48,.55);}
.bc-plan[open]{display:flex;}
.bc-plan-in{display:flex;flex-direction:column;min-height:0;width:100%;max-height:calc(100vh - 32px);}
.bc-plan-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 12px;}
.bc-plan-hd h2{font-size:22px;line-height:1.25;}
.bc-plan-hd p{font-size:14px;color:var(--text-muted);margin-top:2px;line-height:1.4;}
.bc-plan-x{flex:none;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.bc-plan-note{margin:0 24px 12px;background:var(--ok-soft);border:1px solid var(--ok-line);border-radius:var(--radius);padding:10px 14px;font-size:13px;line-height:1.45;}
.bc-plan-tabs{display:flex;gap:8px;margin:0 24px 12px;}
.bc-plan-tabs button{min-height:44px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card-bg);font:inherit;font-weight:600;font-size:14px;color:var(--text);cursor:pointer;}
.bc-plan-tabs button[aria-pressed="true"]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text);}
.bc-plan-sc{overflow:auto;border-top:1px solid var(--border);border-bottom:1px solid var(--border);min-height:120px;flex:1 1 auto;}
.bc-plan-sc table{border-collapse:separate;border-spacing:0;width:100%;font-variant-numeric:tabular-nums;font-size:14px;}
.bc-plan-sc th{position:sticky;top:0;z-index:2;background:var(--alt-bg);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;}
.bc-plan-sc td{padding:0 12px;height:44px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--card-bg);}
.bc-plan-sc th:first-child,.bc-plan-sc td:first-child{text-align:left;position:sticky;left:0;border-right:1px solid var(--border);}
.bc-plan-sc th:first-child{z-index:3;}
.bc-plan-sc th:nth-child(2),.bc-plan-sc td:nth-child(2){text-align:left;}
.bc-plan-sc tr.y td{font-weight:600;}
.bc-plan-sc tr.m td{background:var(--alt-bg);font-size:13.5px;}
.bc-plan-sc tr.m td:first-child{padding-left:28px;}
.bc-plan-ex{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;font:inherit;font-weight:700;color:var(--primary-text);cursor:pointer;padding:0;}
.bc-plan-ft{padding:12px 24px 16px;display:flex;flex-direction:column;gap:10px;}
.bc-plan-tot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.bc-plan-tot div{display:flex;flex-direction:column;}
.bc-plan-tot span{font-size:12px;color:var(--text-muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.bc-plan-tot b{font-size:16px;font-variant-numeric:tabular-nums;}
.bc-plan-fine{font-size:12.5px;color:var(--text-muted);line-height:1.45;}
@media(max-width:720px){
  .bc-plan{width:100vw;max-width:100vw;height:100%;max-height:100%;border-radius:0;margin:0;}
  .bc-plan-in{max-height:100%;height:100%;}
  .bc-plan-hd{padding:16px 16px 8px;}
  .bc-plan-hd h2{font-size:20px;}
  .bc-plan-hd p{font-size:13px;}
  .bc-plan-note{margin:0 16px 10px;font-size:12.5px;padding:8px 12px;}
  .bc-plan-tabs{margin:0 16px 10px;}
  .bc-plan-tabs button{flex:1;}
  .bc-plan-sc table{min-width:480px;font-size:13.5px;}
  .bc-plan-per{display:none;}
  .bc-plan-ft{padding:10px 16px 14px;}
  .bc-plan-tot{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;}
}
.bc-res .bc-today{background:var(--card-bg);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);padding:12px 14px;font-size:14.5px;line-height:1.45;color:var(--text);}
.bc-res .bc-today b{display:block;font-size:16px;margin-bottom:2px;}
.bc-res .bc-today--save{border-left-color:var(--ok-solid);}
.bc-res .bc-today--more{border-left-color:var(--orange-solid);}
.btn-nopartner{color:var(--text-muted);background:var(--alt-bg);border-color:var(--border);}
.btn-nopartner:hover{color:var(--text);background:var(--border);}
.bc-res .btn-nopartner{background:var(--card-bg);}
/* Valg-kolonnen som hos Bytt: liten merking, kompakt knapp og «Detaljer» i små versaler, alt høyrejustert. */
.bc-th,.bc-row{grid-template-columns:104px minmax(0,1fr) 96px 120px 132px;}
.bc-table.nologo .bc-th,.bc-table.nologo .bc-row{grid-template-columns:minmax(0,1fr) 96px 120px 132px;}
.bc-go{align-items:flex-end;gap:2px;}
.bc-go .bc-nop{text-align:right;}
.bc-go .btn{width:auto;min-width:112px;padding:0 16px;}
.bc-det{justify-content:flex-end;text-transform:uppercase;font-size:12px;letter-spacing:.03em;min-height:36px;}
/* Med JavaScript åpner og lukker «Detaljer» blokken, så den egne «Vis detaljer»-linjen under raden skjules. */
.bc-js .bc-item .ld>summary{display:none;}
@media(max-width:720px){
  /* Kolonnene i Valg-oppsettet over gjelder bare bred skjerm. På mobil er raden to kolonner (overstyrer regelen over, som ligger senere i filen). */
  .bc-row,.bc-table.nologo .bc-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .bc-go{align-items:stretch;}
  .bc-go .btn{width:100%;}
  .bc-go .bc-nop{text-align:left;}
  .bc-det{justify-content:center;}
}
/* Merkingen over knappen i samme lille størrelse som hos Bytt. */
.bc-nop{font-size:11px;line-height:1.2;letter-spacing:0;}
/* I radene står merkingen over knappen, høyrejustert som hos Bytt. */
.bc-go .bc-gobox{align-items:flex-end;gap:2px;}
@media(max-width:720px){.bc-go .bc-gobox{align-items:stretch;}}
/* Bred skjerm: filteret ligger som en rad over tabellen, så tabellen får full bredde som hos Bytt. */
@media(min-width:1001px){
  .bc-cols{grid-template-columns:minmax(0,1fr);gap:16px;}
  .bc-filter-body{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:4px 32px;padding:0 16px 12px;}
  .bc-fs{flex:0 0 auto;}
  .bc-fs:has(#q){flex:0 1 260px;}
  fieldset.bc-fs{display:grid;grid-template-columns:auto auto;column-gap:20px;justify-content:start;}
  fieldset.bc-fs legend{grid-column:1 / -1;}
  .bc-reset{margin-left:auto;}
}
/* /boliglan4: mens listen oppdateres, dempes den litt så det er tydelig at tallene er på vei. */
.bc-loading #bc-card,.bc-loading #bc-main,.bc-loading #bc-head{opacity:.55;transition:opacity .15s;}
.bc-loading .bc-calc{cursor:progress;}
@media (prefers-reduced-motion:reduce){.bc-loading #bc-card,.bc-loading #bc-main,.bc-loading #bc-head{transition:none;}}
/* Sammenlign-knappen er bare reserve uten JavaScript. Med JavaScript sendes eller oppdateres skjemaet av seg selv. */
.bc-js .bc-send{display:none;}

/* Boligpriser (/boligpriser): søk, stedssider med kort, tabell, kalkulator. Fargene følger designsystemet over. */
.hp-hero{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;width:100%}
.hp-head .container{justify-content:center}
.hp-head h1{font-size:34px;letter-spacing:-.02em;margin:0}
.hp-head p{margin:0 auto}
.hp-search{width:100%;display:flex;flex-direction:column;gap:6px;text-align:left}
.hp-searchrow{display:flex;gap:10px;align-items:flex-start}
.hp-searchrow .input-wrap{flex:1;min-width:0}
.hp-searchrow .btn{flex:none}
.input-wrap .lens{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}
.hp-stamp{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);margin:12px 0 0}
.hp-head .hp-stamp{justify-content:center;margin-top:4px}
.hp-stamp .dot{width:8px;height:8px;border-radius:50%;background:var(--brand-dot);flex:none}
.hp-h2{font-size:26px;font-weight:700;margin:0 0 20px}
.hp-rowhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.hp-rowhead .hp-h2{margin:0}
.hp-rowhead a,.hp-more a{font-weight:600;color:var(--primary-text)}
.hp-more{margin:20px 0 0}
.hp-lead{max-width:640px;margin:-8px 0 20px;text-wrap:pretty}
.hp-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hp-links a,.hp-results a{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-weight:600;box-shadow:var(--shadow)}
.hp-links a:hover,.hp-results a:hover{border-color:var(--primary);background:var(--primary-soft)}
.hp-results{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hp-members{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hp-members a{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:48px;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);box-shadow:var(--shadow)}
.hp-members a:hover{border-color:var(--primary);background:var(--primary-soft)}
.hp-members span{font-size:14px;text-align:right;font-variant-numeric:tabular-nums}
.hp-results span{font-weight:400;font-size:14px;text-align:right}
.hp-empty{display:flex;flex-direction:column;align-items:center;gap:12px}
.hp-empty h2{margin:0}
.hp-empty p{margin:0;max-width:60ch}
.hp-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hp-letters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px}
.hp-letters a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-weight:700;color:var(--primary-text)}
.hp-all{padding-bottom:56px}
.hp-all section{scroll-margin-top:16px}
.hp-all .hp-h2{margin-top:24px}
.hp-summary{max-width:68ch;margin:0 0 20px;color:var(--text)}
.hp-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hp-card{display:flex;flex-direction:column;gap:4px;padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.hp-card>b{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}
.hp-card>b.hp-none{font-size:18px;line-height:1.3}
.hp-change{display:flex;align-items:flex-start;gap:6px;font-size:14px;font-weight:600;margin-top:8px}
.hp-change svg{flex:none;margin-top:6px;width:10px;height:8px}
.hp-change.up{color:var(--kr-up-text)}.hp-change.down{color:var(--kr-dn-text)}.hp-change.flat{color:var(--text)}
.hp-change.up svg{color:var(--kr-up)}.hp-change.down svg{color:var(--kr-dn)}
.hp-chart{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}
.hp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.hp-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text);font-weight:600}
.hp-tabs a:hover{border-color:var(--primary);background:var(--primary-soft)}
.hp-tabs a.on{background:var(--primary-text);border-color:var(--primary-text);color:#fff}
.hp-tabs a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.hp-legend{list-style:none;margin:4px 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.hp-legend li{display:flex;align-items:center;gap:8px}
.hp-legend b{font-size:15px}
.hp-svgwrap{position:relative}
.hp-svg{display:block;width:100%;height:auto}
.hp-svg:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
.hp-svg-narrow{display:none}
.hp-svg .a,.hp-legend .a{fill:none;stroke:var(--text-muted);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.hp-svg .q,.hp-legend .q{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.hp-svg .a-fill,.hp-legend .a-fill{fill:var(--text-muted)}
.hp-svg .q-fill,.hp-legend .q-fill{fill:var(--primary)}
/* Hele landet: stiplet i mørk gull. Den lyse gullfargen har for lav kontrast mot hvit bunn til en tynn strek. */
.hp-svg .n,.hp-legend .n{fill:none;stroke:var(--gold-text);stroke-width:2;stroke-dasharray:4 3;stroke-linecap:round;stroke-linejoin:round}
.hp-land{margin:4px 0 0;font-size:14px}
.hp-land a{display:inline-flex;align-items:center;min-height:44px}
.hp-svg .dot{stroke:var(--card-bg);stroke-width:2}
/* Tette kvartalspunkter i hele perioden: tynnere kant, så linjen mellom dem ikke skjules. */
.hp-svg .dot-s{stroke-width:1}
.hp-svg .hp-band{fill:var(--primary-soft);opacity:.55}
.hp-svg .grid{stroke:var(--border)}
.hp-svg .divider{stroke:var(--text);stroke-width:2;stroke-dasharray:4 3}
.hp-svg text{paint-order:stroke;stroke:var(--card-bg);stroke-width:4px;stroke-linejoin:round}
.hp-svg .ax{font-size:12px;fill:var(--text-muted)}
.hp-svg .ax-div{font-weight:700;fill:var(--text)}
.hp-svg .val{font-size:14px;font-weight:700;fill:var(--text)}
.hp-svg .hp-cursor{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3}
.hp-svg .hp-ring{fill:var(--primary);stroke:var(--card-bg);stroke-width:2}
.hp-svg .hp-ring.k-a{fill:var(--text-muted)}
.hp-svg .hp-nring{fill:var(--gold-text);stroke:var(--card-bg);stroke-width:2}
.hp-svg [hidden]{display:none}
.hp-tip{position:absolute;top:0;pointer-events:none;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;box-shadow:var(--shadow-lg);font-size:13px;line-height:1.4;white-space:nowrap;transform:translateX(-50%);z-index:2}
.hp-tip span{display:block;color:var(--text-muted);font-size:12px}
.hp-tip span.n{margin-top:6px;padding-top:6px;border-top:1px solid var(--border);color:var(--gold-text);font-size:13px;font-weight:700}
.hp-tip [hidden]{display:none}
.hp-tip b{display:block;font-size:15px}
.hp-chart-note{margin:12px 0 0}
.hp-details{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card-bg)}
.hp-details summary{display:flex;align-items:center;min-height:48px;padding:0 20px;font-weight:700;cursor:pointer;color:var(--primary-text)}
.hp-tablewrap{max-height:420px;overflow:auto;border-top:1px solid var(--border)}
.hp-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px}
.hp-table th,.hp-table td{padding:10px 16px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}
.hp-table th:first-child,.hp-table td:first-child,.hp-table td:nth-child(2){text-align:left}
.hp-table thead th{position:sticky;top:0;background:var(--alt-bg);font-size:13px;color:var(--text-muted);white-space:normal}
.hp-table tbody th{font-weight:600}
.hp-calc{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--card-bg)}
.hp-form{padding:28px;display:flex;flex-direction:column;gap:14px}
.hp-form h3{margin:0;font-size:19px}
.hp-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hp-form p{margin:0}
.hp-result{padding:28px;background:var(--primary-soft);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.hp-result>b{font-size:36px;line-height:1.15;font-variant-numeric:tabular-nums}
.hp-result ul{list-style:none;margin:16px 0 12px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px;width:100%}
.hp-result li{display:flex;justify-content:space-between;gap:16px}
.hp-result li b{font-variant-numeric:tabular-nums}
.hp-result .btn{margin-top:8px;width:100%}
.hp-read{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.hp-read h3{margin:0 0 6px;font-size:17px}
.hp-read p{margin:0}
.hp-credit{margin:20px 0 0}
.hp-cta-wrap{padding-top:0}
@media (max-width:640px){
  .hp-svg-wide{display:none}
  .hp-svg-narrow{display:block}
  .hp-chart{padding:16px}
}
@media (max-width:900px){
  .hp-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-results,.hp-members{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-calc{grid-template-columns:1fr}
  .hp-read{grid-template-columns:1fr;gap:20px}
}
@media (max-width:560px){
  .hp-head h1{font-size:28px}
  .hp-links,.hp-results,.hp-cards,.hp-members{grid-template-columns:1fr}
  .hp-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hp-fields{grid-template-columns:1fr}
  .hp-form,.hp-result{padding:20px 16px}
  .hp-card{padding:16px}
  .hp-card>b{font-size:24px}
  .hp-result>b{font-size:30px}
  .hp-searchrow{flex-direction:column}
  .hp-searchrow .btn{width:100%}
  .hp-table th,.hp-table td{padding:10px 12px}
}

/* Kryptokurser i kroner (/krypto). Bygger på tabellen og søket til valutakursene (.cur-*). */
.kr-market{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 32px;}
.kr-tile{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow);min-width:0;display:flex;flex-direction:column;gap:4px;}
.kr-tile .k{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
.kr-tile .v{margin:0;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.kr-tile .n{margin:0;font-size:13px;color:var(--text-muted);}
.kr-gauge{position:relative;height:10px;border-radius:5px;margin:10px 0 2px;background:linear-gradient(90deg,var(--danger-solid) 0%,var(--orange-solid) 25%,var(--text-muted) 50%,var(--ok-solid) 75%,var(--ok) 100%);}
.kr-gauge-ends{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;font-weight:600;color:var(--text-muted);}
.kr-gauge i{position:absolute;top:-5px;width:4px;height:20px;margin-left:-4px;border-radius:2px;background:var(--text);border:2px solid var(--card-bg);box-sizing:content-box;}
.kr-tile .v small{font-size:14px;font-weight:600;letter-spacing:0;color:var(--text-muted);}
.kr-tile .v.kr-mu{font-size:20px;line-height:1.4;color:var(--text-muted);}
/* Bitcoins andel og Altcoin-sesong deler ett kort: to kolonner med en loddrett strek. Kortet er to kolonner bredt i raden. */
.kr-market:has(.kr-double){grid-template-columns:repeat(5,minmax(0,1fr));}
.kr-double{grid-column:span 2;}
.kr-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;flex:1;}
.kr-col{display:flex;flex-direction:column;gap:4px;min-width:0;}
.kr-rcol{border-left:1px solid var(--border);padding-left:20px;margin-left:-10px;}
/* Stolpen har tre soner skilt med streker: Bitcoin-sesong (0 til 25), nøytral og altcoin-sesong (75 til 100). */
.kr-gauge.kr-alt{height:8px;border-radius:4px;margin:12px 0 2px;background:linear-gradient(90deg,var(--orange-solid) 0,var(--orange-solid) 24.5%,var(--card-bg) 24.5%,var(--card-bg) 25.5%,#B4BDCB 25.5%,#B4BDCB 74.5%,var(--card-bg) 74.5%,var(--card-bg) 75.5%,var(--primary-hover) 75.5%,var(--primary-hover) 100%);}
.kr-gauge.kr-alt i{top:-6px;margin-left:-5px;}
.kr-gauge.kr-off{background:repeating-linear-gradient(135deg,var(--border) 0,var(--border) 6px,var(--card-bg) 6px,var(--card-bg) 10px);}
.kr-domwrap{position:relative;margin:10px 0 4px;}
.kr-domsvg{display:block;width:100%;height:52px;overflow:visible;}
.kr-domsvg:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px;}
.kr-domsvg .area{fill:var(--orange-solid);fill-opacity:.12;}
.kr-domsvg .line{fill:none;stroke:var(--orange-solid);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.kr-domsvg .kr-end,.kr-domsvg .hp-ring{fill:var(--orange-solid);stroke:var(--card-bg);stroke-width:2;vector-effect:non-scaling-stroke;}
.kr-domsvg .hp-cursor{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;}
.kr-domsvg [hidden]{display:none;}
.kr-domwrap.kr-dim .kr-domsvg{opacity:.45;}
.kr-domwrap.kr-off{height:52px;border-radius:4px;background:repeating-linear-gradient(135deg,var(--border) 0,var(--border) 6px,var(--card-bg) 6px,var(--card-bg) 10px);}
.kr-domnote{height:52px;margin:10px 0 4px;border:1px dashed var(--field-border);border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8px;box-sizing:border-box;font-size:12px;color:var(--text-muted);}
.kr-pts{display:inline-flex;align-items:center;gap:6px;color:var(--text);}
.kr-pts.up{color:var(--kr-up-text);}.kr-pts.dn{color:var(--kr-dn-text);}
.kr-pts.up svg{color:var(--kr-up);}.kr-pts.dn svg{color:var(--kr-dn);}
.kr-help{margin-top:2px;}
.kr-help summary{display:flex;align-items:center;min-height:44px;font-size:12px;color:var(--primary-text);text-decoration:underline;cursor:pointer;}
.kr-help summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.kr-help p{margin:0 0 8px;font-size:13px;line-height:1.45;color:var(--text-muted);}
.kr-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;}
.kr-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--field-border);border-radius:22px;background:var(--card-bg);color:var(--text);font-size:14.5px;text-decoration:none;}
.kr-chip:hover{border-color:var(--text);}
.kr-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.kr-chip[aria-current]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text);font-weight:700;}
/* Tabellen ruller sideveis i egen boks når kolonnene ikke får plass, aldri siden. */
.kr-tablewrap{overflow-x:auto;}
.kr-tablewrap:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
@media(min-width:721px){
  .kr-table{table-layout:auto;}
  .kr-table .c-rank{width:40px;}
  .kr-table .c-name{width:auto;min-width:210px;}
  /* Navnet har et tak på innholdsbredden, så navnekolonnen ikke tar mesteparten av ledig plass. Resten fordeles på tallkolonnene etter innholdet. */
  .kr-table .c-name .cur-id{max-width:260px;}
  /* Ingen faste prosentbredder fra valutatabellen. */
  .kr-table .c-rate,.kr-table .c-ch{width:auto;}
  .kr-table .c-star{width:44px;padding-right:0;}
  /* Tettere kolonner, så hele tabellen får plass i 1140 px. Overskriftene kan brytes til to linjer. */
  .kr-table th,.kr-table td{white-space:nowrap;padding-left:8px;padding-right:8px;}
  .kr-table thead th{white-space:nowrap;line-height:1.3;}
  .kr-table th.c-name,.kr-table td.c-name{white-space:normal;}
  .kr-table th.c-spark,.kr-table td.c-spark{width:96px;}
}
@media(min-width:721px){
  .kr-table th,.kr-table td{padding-top:9px;padding-bottom:9px;}
  .kr-table thead th{padding-top:13px;padding-bottom:13px;}
  .kr-table th.c-rate,.kr-table td.c-rate,.kr-table th.c-ch,.kr-table td.c-ch,.kr-table th.c-cap,.kr-table td.c-cap,.kr-table th.c-n,.kr-table td.c-n{text-align:right;}
  .kr-table td.c-ch .cur-ch,.kr-table td.c-n .cur-ch{justify-content:flex-end;}
  .kr-table thead th.c-rate a.sorth,.kr-table thead th.c-ch a.sorth,.kr-table thead th.c-cap a.sorth{margin-right:-8px;}
}
.kr-rank{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:14px;}
.kr-logo,.kr-sym{width:24px;height:24px;border-radius:50%;flex:none;}
.kr-logo{display:block;background:#fff;border:1px solid var(--border);box-sizing:border-box;object-fit:contain;}
.kr-sym{display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary-text);font-weight:700;font-size:9px;letter-spacing:.02em;}
/* Symbolet står bak navnet på samme linje, og stablecoin-merket på linjen under. */
.kr-table .cur-n{font-weight:600;}
.kr-tick{margin-left:4px;font-size:13px;font-weight:400;color:var(--text-muted);white-space:nowrap;}
.kr-tag{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid var(--field-border);border-radius:8px;font-size:11.5px;font-weight:700;color:var(--text-muted);}
.kr-oldtag{display:block;font-size:12px;color:var(--text-muted);}
.kr-old .cur-v,.kr-old .cur-code{opacity:.6;}
.kr-more{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 0;font-size:13.5px;color:var(--text-muted);}
.kr-risk{margin-top:28px;}
@media(max-width:900px){
  .kr-market,.kr-market:has(.kr-double){grid-template-columns:repeat(2,minmax(0,1fr));}
  .kr-market .kr-tile:last-child:nth-child(odd){grid-column:1 / -1;}
  /* Det doble kortet tar hele raden, og «dense» lar de små kortene fylle hullet over det. */
  .kr-market:has(.kr-double){grid-auto-flow:dense;}
  .kr-double{grid-column:1 / -1;}
  .kr-market:has(.kr-double) .kr-tile:last-child{grid-column:1 / -1;}
}
@media(max-width:720px){
  .kr-market{gap:10px;margin-bottom:24px;}
  .kr-tile{padding:12px 14px;}
  .kr-tile .v{font-size:22px;}
  .kr-table td.c-rank,.kr-table td.c-cap,.kr-table th.c-rank,.kr-table th.c-cap,.kr-table td.c-n,.kr-table th.c-n{display:none;}
  .kr-cols{display:none !important;}
  /* Med JavaScript: stjerne først i raden, deretter mynt, kurs og endring. */
  .kr-js .kr-table tbody tr{grid-template-columns:44px minmax(0,1fr) auto;gap:2px 8px;padding-left:8px;}
  .kr-js .kr-table td.c-star{grid-column:1;grid-row:1 / span 2;}
  .kr-js .kr-table th.c-name{grid-column:2;grid-row:1 / span 2;}
  .kr-js .kr-table td.c-rate,.kr-js .kr-table td.c-ch{grid-column:3;}
  .kr-js .kr-star{margin:0;}
  .kr-more .btn{width:100%;}
}
/* Skjulte rader (utover første utvalg) skal være skjult også i mobilvisningen, der radene ellers er rutenett. */
.kr-table tbody tr[hidden]{display:none !important;}
/* Kolonnevalg: serveren setter data-hide til standardutvalget, skriptet bytter det ut. */
.kr-table[data-hide~="price"] [data-col="price"],.kr-table[data-hide~="h1"] [data-col="h1"],.kr-table[data-hide~="h24"] [data-col="h24"],.kr-table[data-hide~="d7"] [data-col="d7"],.kr-table[data-hide~="d30"] [data-col="d30"],.kr-table[data-hide~="d60"] [data-col="d60"],.kr-table[data-hide~="d90"] [data-col="d90"],.kr-table[data-hide~="cap"] [data-col="cap"],.kr-table[data-hide~="vol"] [data-col="vol"],.kr-table[data-hide~="circ"] [data-col="circ"],.kr-table[data-hide~="spark"] [data-col="spark"]{display:none;}
/* Favoritter: stjernen finnes bare med JavaScript. */
.kr-fav-col{display:none;}
.kr-js .kr-fav-col{display:table-cell;}
.kr-star{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-9px 0 -9px -12px;border:0;border-radius:8px;background:transparent;color:var(--field-border);cursor:pointer;}
.kr-star svg{fill:none;}
.kr-star:hover{color:var(--text-muted);}
.kr-star:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;}
.kr-star[aria-pressed="true"]{color:var(--gold);}
.kr-star[aria-pressed="true"] svg{fill:var(--gold);}
.kr-chip{gap:6px;font-family:inherit;cursor:pointer;}
.kr-chip[hidden]{display:none;}
.kr-chip[aria-pressed="true"]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-text);font-weight:700;}
.kr-favmode .kr-more{display:none;}
.kr-favempty[hidden],#kr-favnote[hidden]{display:none;}
/* Kolonnemenyen: ekte avmerkingsbokser i et lite panel under knappen. */
.kr-cols{position:relative;}
.kr-cols[hidden]{display:none;}
.kr-colmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:220px;padding:6px;border:1px solid var(--field-border);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-lg);}
.kr-colmenu[hidden]{display:none;}
.kr-colopt{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:8px;font-size:14.5px;cursor:pointer;}
.kr-colopt:hover{background:var(--alt-bg);}
.kr-colopt input{width:18px;height:18px;accent-color:var(--primary);}
.kr-more[hidden]{display:none;}
/* Filter til venstre og søk til høyre på samme rad. Under 720 px ligger søket under filteret. */
.kr-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin:0 0 14px;}
.kr-bar .kr-filter{margin:0;}
.kr-search{display:flex;gap:8px;flex:1 1 320px;max-width:460px;margin-left:auto;}
.kr-search .input-wrap{position:relative;flex:1;min-width:0;}
.kr-search .input-wrap .form-control{padding-left:40px;padding-right:13px;}
.kr-search .input-wrap svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;}
/* «Vis i» ved siden av søket. Skjult til skriptet er i gang. */
.kr-cur{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);}
.kr-cur[hidden]{display:none;}
.kr-cur .form-select{width:auto;min-width:190px;max-width:100%;color:var(--text);font-weight:600;}
/* Valuta, søk og kolonner står samlet til høyre på filterraden, og bryter til egne linjer når det ikke er plass. */
.kr-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-left:auto;}
.kr-tools .kr-search{flex:1 1 240px;max-width:340px;margin-left:0;}
@media(max-width:720px){
  .kr-cur{flex:1 1 100%;flex-wrap:wrap;}
  .kr-cur .form-select{flex:1 1 200px;}
  .kr-tools{flex:1 1 100%;margin-left:0;justify-content:stretch;}
  .kr-tools .kr-search{flex:1 1 100%;max-width:none;}
  .kr-search{flex-basis:100%;max-width:none;margin-left:0;}
  .kr-search .btn{min-width:44px;}
}

/* Grafen «Siste 7 dager»: fargen følger retningen (opp, ned, flat), samme farger som endringstallene. */
.kr-spark{display:inline-block;line-height:0;}
.kr-spark svg{display:block;width:96px;height:28px;}
.kr-spark.up{color:var(--kr-up);}
.kr-spark.dn{color:var(--kr-dn);}
.kr-spark.fl{color:var(--text-muted);}
.kr-soon{font-size:13px;color:var(--text-muted);}

/* Myntside (/krypto/bitcoin): kurs, endring, nøkkeltall, antall mynter, «Om» og naboene i rangeringen. */
.kc .kc-hero{display:flex;align-items:flex-start;gap:18px;margin:0 0 8px;}
.kc-k{margin:0 0 2px;font-size:13px;font-weight:700;color:var(--text-muted);}
.kc-big{margin:0;font-size:44px;line-height:1.1;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.kc-per{margin:4px 0 0;font-size:14px;color:var(--text-muted);}
.kc-live{margin:0 0 16px;}
.kc-h{margin:0 0 12px;font-size:22px;line-height:1.25;}
.kc-h-s{font-size:19px;margin-bottom:8px;}
.kc section{margin-bottom:28px;}
.kc-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.kc-grid4 .kr-tile .v{font-size:20px;}
.kc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-bottom:28px;}
.kc-two .kc-card{margin-bottom:0;}
.kc-card{padding:20px 22px;}
.kc-dl{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0;}
.kc-dl dt,.kc-dl dd{margin:0;padding:11px 0;border-top:1px solid var(--border);font-size:15px;}
.kc-dl dt{color:var(--text-muted);}
.kc-dl dd{font-weight:700;text-align:right;font-variant-numeric:tabular-nums;padding-left:12px;}
.kc-dl dt:first-of-type,.kc-dl dd:first-of-type{border-top:0;}
.kc-bar{height:10px;border-radius:6px;background:var(--border);overflow:hidden;margin-top:14px;}
.kc-bar i{display:block;height:100%;background:var(--primary);border-radius:6px;}
.kc-text{margin:0 0 10px;font-size:16px;line-height:1.65;max-width:75ch;}
.kc-text:last-child{margin-bottom:0;}
.kc-ico{display:block;border-radius:50%;flex:none;background:#fff;border:1px solid var(--border);box-sizing:border-box;object-fit:contain;}
.kc-ico-l{width:56px;height:56px;}
.kc-ico-s{width:40px;height:40px;}
.kc-sym{display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary-text);font-weight:700;letter-spacing:.02em;border-color:transparent;}
.kc-ico-l.kc-sym{font-size:17px;}
.kc-ico-s.kc-sym{font-size:12px;}
.kc-nb{display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:var(--text);min-height:68px;}
.kc-nb:hover{border-color:var(--primary);}
.kc-nb:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.kc-nb b{display:block;font-size:15px;}
.kc-nb .s{display:block;font-size:13px;color:var(--text-muted);}
.kc-nb > span:last-child{min-width:0;overflow-wrap:anywhere;}
.kc-nb .cur-v{font:inherit;white-space:normal;}
.kc-back{margin:20px 0 0;font-size:14px;}
@media(max-width:960px){
  .kc-grid4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kc-two{grid-template-columns:minmax(0,1fr);}
}
@media(min-width:561px){
  .kc .kc-hero{align-items:center;}
}
@media(max-width:560px){
  .kc-big{font-size:34px;}
  .kc-hero{gap:14px;}
}

/* Raden i den store tabellen er en lenke til myntsiden: navnet er lenken og dekker hele raden. Stjernen ligger over og er en egen knapp. */
.kr-table tbody tr{position:relative;}
.kr-rowlink{color:inherit;text-decoration:none;}
.kr-rowlink::after{content:"";position:absolute;inset:0;}
.kr-table tbody tr:hover{background:var(--primary-soft);}
.kr-table tbody tr:hover .kr-rowlink{color:var(--primary-text);text-decoration:underline;}
.kr-rowlink:focus-visible{outline:none;}
.kr-table tbody tr:focus-within{outline:3px solid var(--primary);outline-offset:-3px;border-radius:6px;}
.kr-star{position:relative;z-index:1;}

/* Oversikten over kryptokurser er en bred tabell, så siden får mer plass enn vanlige sider (kolonnene skal ikke rulles ut til siden). */
.container.kr-wide{max-width:1400px;}

/* Bred tabell: musen kan dra den sideveis (krypto-tabell.js). */
.kr-js .kr-tablewrap.kr-scrollable{cursor:grab;}
.kr-js .kr-tablewrap.kr-dragging,.kr-js .kr-tablewrap.kr-dragging *{cursor:grabbing !important;user-select:none;}

/* Myntsiden: kurs til venstre, valgt valuta til høyre. */
.kc-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 28px;}
.kc .kc-top .kc-hero{margin:0;}
.kc-top .kr-cur{margin-bottom:6px;}
.kc-big .cur-v{font:inherit;letter-spacing:inherit;}
.kc-top + #kr-valuta-note{margin:-14px 0 28px;}
.kc-dl .cur-v{font:inherit;}

/* Fastlåst kopi av tabellhodet på /kryptovaluta (krypto-tabell.js). Ligger under toppmenyen (z-index 100). */
.kr-sticky{position:fixed;z-index:90;overflow:hidden;background:var(--card-bg);border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);}
.kr-sticky[hidden]{display:none;}
.kr-sticky table{table-layout:fixed;width:auto;margin:0;}
.kc-site a{font-weight:600;overflow-wrap:anywhere;}
.kc-buy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;}
.kc-ad{font-size:12.5px;color:var(--text-muted);font-weight:600;}
.kc-prow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;}
.kc-prow .kc-buy{margin:0;}

/* Knappen for lyst og mørkt utseende i bunnen. Viser månen i lyst og solen i mørkt (det du bytter til). */
.tema-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text-muted);cursor:pointer;padding:0;}
.tema-btn:hover{color:var(--text);border-color:var(--text-muted);}
.tema-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;}
.tema-btn[hidden]{display:none;}
.tema-sun{display:none;}
[data-theme="dark"] .tema-moon{display:none;}
[data-theme="dark"] .tema-sun{display:block;}
.footer-tools .tema-btn{border:1px solid var(--border);background:var(--card-bg);width:44px;padding:0;}
/* Skriftstørrelsen i kryptotabellen er 14 px i alle cellene (tall, navn og endring). */
.kr-table td,.kr-table td .cur-v,.kr-table td .cur-ch,.kr-table td b{font-size:14px;}
.kr-table td.c-name a,.kr-table td.c-name{font-size:14px;}
.footer-tools .tema-btn{cursor:pointer;}

/* Veien ut til affiliatepartnere: mellomsiden «Du forlater finans.no». Merket Annonse og typen står alltid øverst. */
.aff-card{max-width:560px;margin:0 auto;padding:24px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);}
.aff-chips{display:flex;gap:8px;flex-wrap:wrap;}
.aff-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:700;}
.aff-chip.ad{background:var(--gold-soft);color:var(--gold-text);border:1px solid var(--gold-line);}
.aff-chip.ty{background:var(--primary-soft);color:var(--primary-text);}
.aff-who{display:flex;gap:12px;align-items:center;margin:14px 0 4px;}
.aff-who b{display:block;font-size:17px;}
.aff-logo{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary-text);font-weight:800;font-size:22px;overflow:hidden;}
.aff-logo img{max-width:100%;max-height:100%;object-fit:contain;}
.aff-card h1{font-size:24px;margin:10px 0 8px;}
.aff-card p{margin:0 0 10px;font-size:15px;line-height:1.55;color:var(--text-muted);}
.aff-acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:14px;}
.aff-acts .btn{min-height:44px;}
.aff-acts a:not(.btn){display:inline-flex;align-items:center;min-height:44px;}
.aff-card p.aff-preview{margin:0 0 14px;padding:10px 12px;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary-text);font-size:14px;}
.aff-count{font-weight:700;color:var(--text);}
.aff-stop{min-height:44px;padding:0 4px;background:none;border:0;font:inherit;font-size:15px;color:var(--primary-text);text-decoration:underline;cursor:pointer;}
.aff-how summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--primary-text);text-decoration:underline;font-size:14px;}
@media (max-width:480px){.aff-card{padding:18px;}.aff-acts .btn{width:100%;}}

/* Tilbydertjenesten (/tilbydere). Samme fargevariabler som resten, ingen egne farger. */
.tj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;margin:12px 0 18px;}
.tj-card{display:flex;flex-direction:column;padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);}
.tj-card p.tx{flex:1;margin:0 0 14px;font-size:15px;line-height:1.55;color:var(--text-muted);overflow-wrap:anywhere;}
.tj-card .btn{width:100%;}
.tj-card .aff-who{margin:12px 0 8px;}
.tj-how{margin-top:6px;}
.tj-how summary{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--primary-text);text-decoration:underline;cursor:pointer;}
.tj-st{padding:20px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);}
.tj-st p{margin:0 0 12px;font-size:14.5px;color:var(--text-muted);}
.tg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;}
.tg-chip{min-height:44px;align-items:center;padding:0 14px;}
.tg-group{margin:26px 0 0;}
.tg-group>h2{margin:0 0 4px;font-size:22px;}
.tg-group>p{margin:0 0 4px;color:var(--text-muted);font-size:15px;}
.tg-cnt{font-weight:400;color:var(--text-muted);font-size:16px;}
.tg-amt{margin-top:18px;max-width:520px;display:flex;flex-direction:column;gap:12px;}
.tg-amt .form-group{margin:0;}
.tg-act{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}

/* «Hva får jeg for pengene?» (hva-far-jeg). Bygger på hp-calc, hp-form og hp-result, og har bare det som er nytt: glidebryter, nivåmerke og kommuneliste. */
.hf-h3{margin:0;font-size:19px}
.hf-fields{display:flex;flex-direction:column;gap:16px}
.hf-range{width:100%;min-height:44px;accent-color:var(--primary);margin:0}
.hf-rhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hf-rhead .form-label{margin-bottom:6px}
.hf-rhead output{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.hf-rscale{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted);margin-top:-6px}
.hf-m2{font-size:56px !important;line-height:1.05 !important}
.hf-m2 small{font-size:24px;font-weight:700;margin-left:2px}
.hf-title{font-size:24px;line-height:1.3;font-weight:700}
.hf-badge{display:inline-flex;align-items:center;gap:6px;margin:10px 0 4px}
.hf-badge svg{flex:none;display:none}
.hf-badge[data-level="green"] .ic-green,.hf-badge[data-level="yellow"] .ic-yellow,.hf-badge[data-level="red"] .ic-red{display:inline}
.hf-line{margin:6px 0 0;font-size:14.5px;line-height:1.5}
.hf-notes:empty{display:none}
.hf-loan{margin:6px 0 0;font-size:15px}
.hf-src{margin:10px 0 0;font-size:13px;color:var(--text-muted)}
.hf-calc .hp-result .btn-outline{margin-top:8px}
/* Svarflaten er finans.no-grønn (ok-soft). Nivåmerket får hvit bunn så gul og rød også står tydelig mot grønt. */
.hf-calc .hp-result{background:var(--ok-soft)}
.hf-calc .hf-badge{background:var(--card-bg)}
.hf-calc-single{grid-template-columns:1fr;max-width:640px}
/* Søylene «Samme budsjett andre steder» og lånekortet under svaret. */
.hf-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}
.hf-box h2{margin:0 0 6px;font-size:21px}
.hf-box-intro{margin:0 0 14px}
.hf-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hf-bar{display:grid;grid-template-columns:150px minmax(0,1fr) 76px;gap:12px;align-items:center;font-size:15px}
.hf-bar .n{display:flex;flex-direction:column;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.hf-bar .n i{font-style:normal;font-size:12.5px;color:var(--text-muted);font-weight:400}
.hf-bar .t{height:22px;border-radius:6px;background:var(--alt-bg)}
.hf-bar .t b{display:block;height:100%;border-radius:6px;background:var(--text-muted);opacity:.45}
.hf-bar .v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.hf-bar.sel .n{font-weight:700}
.hf-bar.sel .n i{color:var(--primary-text);font-weight:700;font-size:13.5px}
.hf-bar.sel .t b{background:var(--primary);opacity:1}
.hf-leg{margin:12px 0 0;font-size:13.5px;color:var(--text-muted)}
.hf-cta-note{margin:10px 0 0}
.hp-svg .dot.hover{stroke-width:3}
.hf-trend-link{margin:12px 0 0;font-size:14.5px}
.hf-box .hp-legend{margin:0 0 12px}
.hf-box .hp-legend svg{flex:none}
@media (max-width:600px){.hf-box{padding:18px 16px}.hf-bar{grid-template-columns:104px minmax(0,1fr) 62px;gap:8px;font-size:14px}}
.hf-know{margin:0;padding-left:20px;list-style:disc;display:flex;flex-direction:column;gap:8px}
.hf-combobox{position:relative}
.hf-combobox .form-control{padding-right:48px}
.hf-js .hf-rscale{margin-inline:54px}
.hf-stepper{display:flex;align-items:center;gap:10px}
.hf-stepper .hf-range{flex:1;min-width:0}
.hf-step{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--field-border);border-radius:50%;background:var(--card-bg);color:var(--text);cursor:pointer;touch-action:manipulation;user-select:none}
.hf-step:hover{border-color:var(--primary);color:var(--primary-text)}
.hf-step:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.hf-clear{position:absolute;top:0;right:0;width:44px;height:100%;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius)}
.hf-clear:hover{color:var(--text)}
.hf-clear:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
.hf-clear[hidden]{display:none}
.hf-list{position:absolute;z-index:20;left:0;right:0;top:100%;margin:6px 0 0;padding:0;list-style:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow-lg);overflow:auto;max-height:320px}
.hf-list li{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;padding:0 14px;font-size:15px;border-top:1px solid var(--border);cursor:pointer}
.hf-list li:first-child{border-top:0}
.hf-list li span{color:var(--text-muted);font-size:13px}
.hf-list li.on,.hf-list li:hover{background:var(--primary-soft);font-weight:700}
.hf-list li.hf-none{cursor:default;min-height:56px;padding:12px 14px;font-weight:400;background:transparent}
.hf-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hf-calc .hf-nojs-only{display:inline}
.hf-calc .hf-js-only{display:none}
.hf-js .hf-nojs-only{display:none}
.hf-js .hf-js-only{display:inline}
.hf-js .hf-submit{display:none}
@media (max-width:560px){
  .hf-m2{font-size:48px !important}
}

/* Graf på myntsiden (kursutvikling i kroner). Nøytral blå linje, aldri rød eller grønn: retningen står i teksten under. */
.kg{margin-top:20px;gap:10px;}
.kg-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.kg-tab{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:56px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-weight:600;font-size:15px;}
.kg-tab:hover{border-color:var(--primary-text);color:var(--primary-text);}
.kg-tab[aria-current="true"]{background:var(--primary-soft);border-color:var(--primary-text);color:var(--primary-text);}
.kg-tab:focus-visible,.kg-plot:focus-visible{outline:3px solid var(--primary-text);outline-offset:2px;}
.kg-plot-wrap{margin-top:8px;padding-right:8px;}
.kg-plot{position:relative;height:240px;margin-left:58px;touch-action:pan-y;cursor:crosshair;border-radius:4px;}
.kg-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.kg-grid{stroke:var(--border);stroke-width:1;}
.kg-area{fill:var(--primary-text);opacity:.1;stroke:none;}
.kg-line{fill:none;stroke:var(--primary-text);stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round;}
.kg-y{position:absolute;right:calc(100% + 8px);transform:translateY(-50%);font-size:12px;line-height:1;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;}
.kg-end{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--primary-text);box-shadow:0 0 0 2px var(--card-bg);}
.kg-cur{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed var(--text-muted);pointer-events:none;}
.kg-cur-dot{position:absolute;left:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--primary-text);box-shadow:0 0 0 3px var(--card-bg);}
.kg-tip{position:absolute;top:0;z-index:2;display:flex;flex-direction:column;gap:2px;min-width:120px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);box-shadow:var(--shadow);font-size:13px;pointer-events:none;white-space:nowrap;}
.kg-tip b{font-size:15px;font-variant-numeric:tabular-nums;}
.kg-tip span{color:var(--text-muted);}
.kg-x{position:relative;height:22px;margin:8px 0 0 58px;}
.kg-x span{position:absolute;top:0;transform:translateX(-50%);font-size:12px;color:var(--text-muted);white-space:nowrap;}
.kg-cap{margin:6px 0 0;font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.kg-range{margin-top:2px;}
.kg-empty{padding:20px 16px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--primary-soft);}
.kg-empty p{margin:6px 0 0;color:var(--text-muted);}
.kg-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px;}
.kg-table caption{text-align:left;font-weight:700;padding-bottom:6px;}
.kg-table th,.kg-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;}
@media (max-width:480px){
  .kg-plot{height:200px;margin-left:50px;}
  .kg-x{margin-left:50px;}
  .kg-x span:nth-child(even){display:none;}
  .kg-tab{flex:1;}
}

/* Kalkulatoren på /forbrukslan4: bredt felt, fordeling av første måned, månedsstolper og bunnlinje under feltene. */
.bc-wide{grid-column:1 / -1;}
.bc-foot{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:12px;font-size:14px;}
.bc-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--primary-text);}
.bc-split{display:flex;flex-direction:column;gap:8px;}
.bc-sub{font-size:13px;font-weight:700;color:var(--text-muted);margin:0;}
.bc-res .bc-split .bc-dn{display:flex;flex-direction:row;align-items:center;gap:16px;}
.bc-split .legend{flex:1;min-width:0;margin:0;}
.bc-mb{display:flex;flex-direction:column;gap:10px;font-size:13.5px;}
.bc-mb-l{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px;}
.bc-mb-l span{min-width:0;overflow-wrap:anywhere;}
.bc-mb-l b{font-variant-numeric:tabular-nums;white-space:nowrap;}
.bc-mb-t{height:10px;border-radius:5px;background:var(--card-bg);overflow:hidden;}
.bc-mb-t i{display:block;height:100%;border-radius:5px;}
.mb-today{background:var(--text-muted);}
.mb-bank{background:var(--primary);}
.bc-mb-sum{margin:0;font-size:14px;font-weight:700;}
.bc-mb-sum--save{color:var(--ok);}
.bc-mb-sum--more{color:var(--text);}
.bc-rowsave{font-weight:700;}
.bc-rowsave.save{color:var(--ok);}
@media(max-width:400px){.bc-res .bc-split .bc-dn{flex-direction:column;align-items:flex-start;}.bc-split .legend{width:100%;}}
.bc-same{margin:0;font-weight:700;font-size:15px;}
.bc-more{margin:0;font-size:13.5px;color:var(--text-muted);}
/* Saldo per år (/sparekonto4): tabell i kortet og i detaljene for hver konto. */
.bc-bal{width:100%;border-collapse:collapse;font-size:13.5px;margin:8px 0 4px;}
.bc-bal th,.bc-bal td{padding:6px 4px;border-bottom:1px solid var(--border);text-align:left;font-weight:400;}
.bc-bal thead th{font-weight:700;font-size:12.5px;color:var(--text-muted);}
.bc-bal .r{text-align:right;}
.bc-bal tbody th{font-weight:700;}
.bc-bal-note{margin:4px 0 0;font-size:12.5px;color:var(--text-muted);}
.bc-balbox{margin:12px 0 0;}
.bc-balbox>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--primary-text);}

/* Robotsjekk (Turnstile): fast høyde så skjemaet ikke hopper når sjekken lastes. */
.turnstile{min-height:65px;max-width:100%;overflow:hidden;}