/* Bankerfaringer.no – "Folkets bankregister"
   Uavhengig, investigativ forbrukeravis. Egen redaksjonell identitet:
   grotesk-display (Bricolage) + avis-serif (Newsreader) + høykontrast-italic
   (Instrument Serif). Papirvarme, hårfine linjer, stempel-/rosett-SVG, korn. */

:root{
  --paper:#FAF8F3;
  --paper-2:#F1EADB;
  --newsprint:#F4EEE1;
  --surface:#FFFDF9;
  --ink:#1B1A16;
  --ink-2:#2C2A24;
  --ink-soft:#46433B;
  --muted:#807A6E;
  --faint:#A7A093;
  --line:#E2DBCC;
  --line-soft:#EDE7DA;
  --rule:#1B1A16;                 /* newspaper hairline (mørk) */
  --accent:#B23A2E;               /* forbruker-rød */
  --accent-dark:#8A271C;
  --accent-tint:#F7E7E2;
  --accent-2:#CE5238;
  --gold:#C6971E;                 /* stjerner / verdikt */
  --gold-bright:#E4BB43;
  --gold-deep:#9C7413;
  --gold-soft:#E7DBB8;
  /* --- To-farge-system: «Bank» (oksblod-rød) + «erfaringer» (gull) --- */
  --bank:#B23A2E;                 /* alt som handler om selve banken */
  --bank-dark:#8A271C;
  --bank-tint:#F7E7E2;
  --erf:#C68612;                  /* alt som handler om erfaring/vurdering */
  --erf-ink:#9C7413;              /* mørkere gull til tekst (WCAG) */
  --erf-bright:#E4BB43;
  --erf-tint:#F6ECCF;
  --erf-soft:#E7DBB8;
  --forest:#00B67A;              /* gode snitt – samme grønn som Trustpilot (harmonisk palett) */
  --forest-soft:#D9F3E9;
  /* --- Seierspall: gull / sølv / bronse (matcher medalje-seglene) --- */
  --silver:#8F8B82;
  --silver-tint:#ECEAE4;
  --silver-deep:#6C695F;
  --bronze:#A66534;
  --bronze-tint:#F2E5D6;
  --bronze-deep:#7A4A24;
  --f-display:'Bricolage Grotesque',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --f-serif:'Newsreader',Georgia,'Times New Roman',serif;
  --f-accent:'Instrument Serif',Georgia,serif;
  --shadow:0 1px 2px rgba(27,26,22,.05),0 10px 30px rgba(27,26,22,.06);
  --shadow-lift:0 2px 8px rgba(27,26,22,.06),0 22px 48px rgba(27,26,22,.13);
  --maxw:1120px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%231B1A16'%3E%3Ccircle cx='2' cy='2' r='1.1' fill-opacity='.14'/%3E%3Ccircle cx='22' cy='22' r='1.1' fill-opacity='.14'/%3E%3Ccircle cx='22' cy='2' r='.7' fill-opacity='.08'/%3E%3Ccircle cx='2' cy='22' r='.7' fill-opacity='.08'/%3E%3C/g%3E%3C/svg%3E");
}
/* "Gjennomsiktig" i Bendik-språk = den lyse, prikkete side-bakgrunnen (ikke bare CSS-transparent) */
.dotted{background-color:var(--paper);background-image:var(--dots);background-size:40px 40px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-serif);
  font-size:18px;line-height:1.7;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
h1,h2,h3{font-family:var(--f-display);font-weight:700;line-height:1.08;color:var(--ink);letter-spacing:-.02em;margin:0}
a{color:var(--accent);text-decoration-color:rgba(178,58,46,.34);text-underline-offset:3px}
a:hover{color:var(--accent-dark)}
img{max-width:100%;height:auto}
strong{font-weight:600;color:var(--ink)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.narrow{max-width:720px;margin:0 auto;padding:0 22px}
::selection{background:var(--accent);color:#fff}

/* ---------- Papir-korn (subtilt) ---------- */
.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.05;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- Scroll-reveal (kun med JS – uten JS vises alt) ---------- */
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.06s}.reveal.d2{transition-delay:.12s}.reveal.d3{transition-delay:.18s}.reveal.d4{transition-delay:.24s}

/* ---------- Kicker (stikktittel) ---------- */
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-display);font-weight:700;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.kicker::before{content:'';width:22px;height:2px;background:var(--accent);flex:none}
.kicker.light{color:var(--gold-bright)}
.kicker.light::before{background:var(--gold-bright)}

/* ---------- Header (slank masthead-stripe) ---------- */
header.site{position:sticky;top:0;z-index:60;background:transparent;
  border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s,background .25s}
header.site.scrolled{border-color:var(--rule);box-shadow:0 8px 26px rgba(27,26,22,.07);background:var(--paper)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--maxw);margin:0 auto;padding:13px 22px;transition:padding .25s}
header.site.scrolled .nav{padding:9px 22px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand .mark{width:32px;height:32px;flex:none;display:block}
.brand .mark svg{width:100%;height:100%;display:block}
.brand .mark .rO{fill:var(--ink);stroke:none}
.brand .mark .star{fill:var(--gold-bright)}
.brand .wordmark{display:inline-flex;flex-direction:column;gap:2px;font-family:var(--f-display);font-weight:700;font-size:1.32rem;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.brand .wordmark .wm-name{white-space:nowrap}
.wm-tag{font-family:var(--f-serif);font-style:italic;font-weight:400;font-size:.76rem;letter-spacing:0;text-transform:none;color:var(--muted);white-space:nowrap}
.brand .wordmark b{color:var(--accent);font-weight:700}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{color:var(--ink-soft);text-decoration:none;font-family:var(--f-display);font-size:.95rem;font-weight:600;transition:color .15s}
.nav-links a.btn{color:#fff}
.nav-links a:not(.btn){position:relative}
.nav-links a:not(.btn)::after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--accent);transition:right .25s var(--ease)}
.nav-links a:not(.btn):hover{color:var(--accent)}
.nav-links a:not(.btn):hover::after{right:0}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:6px;line-height:0;border-radius:8px}
.menu-toggle svg{width:22px;height:16px;stroke:var(--ink);stroke-width:2}
.menu-toggle:hover{background:var(--paper-2)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:2px;
  padding:11px 20px;font-family:var(--f-display);font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;
  transition:background .18s,transform .12s var(--ease),box-shadow .18s;white-space:nowrap;
  box-shadow:3px 3px 0 0 var(--accent-dark)}
.btn:hover{background:var(--accent-dark);color:#fff;transform:translateY(-2px);box-shadow:5px 5px 0 0 #6d1e15}
.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--accent-dark)}
.btn.ghost{background-color:var(--paper);background-image:var(--dots);background-size:40px 40px;color:var(--ink);border:1.5px solid var(--rule);box-shadow:2px 2px 0 0 var(--rule)}
.leder-body .btn.ghost{background-color:var(--paper-2);background-image:none}
.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-2px);box-shadow:4px 4px 0 0 var(--accent)}
.btn.lg{padding:15px 30px;font-size:1.05rem}

/* ---------- Section heads ---------- */
section.block{padding:56px 0}
section.block.band{background:var(--newsprint)}
section.block.band-2{background:var(--paper-2)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;
  padding-bottom:2px;flex-wrap:wrap}
.section-head h2{font-size:clamp(1.7rem,4vw,2.6rem)}
.section-head .sh-sub{margin:7px 0 0;color:var(--muted);font-family:var(--f-serif);font-size:1.02rem}
.section-head .kicker{margin-bottom:8px}
.section-head a.more{font-family:var(--f-display);font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap;color:var(--accent);display:inline-flex;align-items:center;gap:7px}
.section-head a.more:hover{gap:11px}
.more .caret{width:12px}

/* ---------- Stars ---------- */
.stars{display:inline-flex;gap:1px;color:var(--gold);font-size:1rem;line-height:1;letter-spacing:1px}
.stars .empty{color:var(--gold-soft)}

/* ---------- Egne SVG: stempel/rosett + caret ---------- */
.seal{position:relative;width:40px;height:40px;flex:none;display:grid;place-items:center}
.seal svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.seal .rO,.seal .rI{fill:none;stroke:var(--faint);stroke-width:1.2}
.seal .rI{stroke-dasharray:1.6 2.6;stroke-width:1;opacity:.8}
.seal b{position:relative;z-index:1;font-family:var(--f-display);font-weight:700;font-size:.98rem;color:var(--ink-soft);font-style:normal}
.seal.plain .rO{stroke:var(--line)}
.seal .burst{fill:none}
.seal.m1 .burst{fill:var(--gold-bright)}
.seal.m1 .rO{stroke:#8a6608}.seal.m1 .rI{stroke:#8a6608}.seal.m1 b{color:#6a4e07}
.seal.m2 .burst{fill:#D3CFC6}
.seal.m2 .rO{stroke:#8f8b82}.seal.m2 .rI{stroke:#8f8b82}.seal.m2 b{color:#54514a}
.seal.m3 .burst{fill:#D79D64}
.seal.m3 .rO{stroke:#8f5c2c}.seal.m3 .rI{stroke:#8f5c2c}.seal.m3 b{color:#6d451f}

.caret{width:15px;height:14px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.caret.right{transform:rotate(90deg)}
.caret.left{transform:rotate(-90deg)}
.face{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex:0 0 auto}
.face .eye{fill:currentColor;stroke:none}

/* ---------- Presse-telegraf (wire/ticker) ---------- */
.wire{background:var(--ink);color:var(--paper);display:flex;align-items:stretch;overflow:hidden;position:relative;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.wire-tag{flex:none;display:flex;align-items:center;background:var(--accent);color:#fff;font-family:var(--f-display);
  font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:0 16px;z-index:3;white-space:nowrap}
.ticker{flex:1;overflow:hidden;position:relative;min-width:0}
.ticker::after{content:'';position:absolute;top:0;bottom:0;right:0;width:54px;z-index:2;pointer-events:none;background:linear-gradient(-90deg,var(--ink),transparent)}
.ticker-track{display:inline-flex;white-space:nowrap;padding:11px 0;will-change:transform;animation:scrollx 46s linear infinite}
.wire:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:inline-flex;align-items:center;gap:9px;padding:0 24px;font-family:var(--f-serif);font-size:.92rem;color:rgba(255,253,249,.8);border-right:1px solid rgba(255,255,255,.1)}
.ticker-item .tk-bank{font-family:var(--f-display);font-weight:600;color:#fff}
.ticker-item .tk-star{color:var(--gold-bright);letter-spacing:1px}
.ticker-item .sep{opacity:.35}
@keyframes scrollx{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Masthead / forside ---------- */
.masthead{padding:34px 0 20px;position:relative}
.edition{display:flex;align-items:center;gap:16px;padding-bottom:0;margin-bottom:24px;
  font-family:var(--f-display);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.edition .ed-rule{flex:1;height:1px;background:var(--line)}
.edition .ed-right{color:var(--muted);letter-spacing:.06em;text-transform:none;font-family:var(--f-serif);font-style:italic;font-size:.92rem}
.edition .ed-tp{display:inline-flex;align-items:center;justify-content:flex-end;text-decoration:none}
.ed-tp-stars{height:22px;width:auto;display:block}
.frontpage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}
.lede .kicker{margin-bottom:16px}
.lede .kicker-under{margin:-6px 0 22px}
.lede .kicker-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lede .kicker-row .kicker{margin:0}
.lede .kicker-row .kicker::before{display:none}
.kicker-note{font-family:var(--f-serif);font-style:italic;font-size:1.42rem;color:var(--muted);line-height:1.15}
.kicker-dash{width:46px;height:2px;background:var(--accent);flex:none;border-radius:2px}
@media(max-width:520px){.kicker-dash{width:28px}}
@media(max-width:600px){.lede .kicker-row{gap:12px}.kicker-note{font-size:1.15rem}}
.lede h1{font-size:clamp(2.6rem,7.4vw,5.65rem);line-height:.99;letter-spacing:-.035em;margin:0 0 22px}
.lede h1 .word{display:inline-block;opacity:0;transform:translateY(18px);animation:wordIn .6s var(--ease) forwards}
@keyframes wordIn{to{opacity:1;transform:none}}
.lede .lead{font-family:var(--f-serif);font-size:1.02rem;line-height:1.75;color:var(--ink-soft);max-width:none;margin:0 0 28px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.lede .hero-cta .btn{min-width:214px;justify-content:center}
.tb-ft{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.tb-ft-cap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-weight:700;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#1a2340;white-space:nowrap;position:relative;top:5px}
.tb-ft img{height:48px;width:auto;display:block}
@media(max-width:600px){.tb-ft img{height:38px}}
.trust-row{display:flex;gap:0;margin-top:38px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.trust-row .stat{flex:1;text-align:left;padding:16px 20px 16px 0;border-right:1px solid var(--line);position:relative}
.trust-row .stat:last-child{border-right:none;padding-right:0}
.trust-row .stat:not(:first-child){padding-left:20px}
.trust-row b{display:block;font-family:var(--f-display);font-size:clamp(1.9rem,4.4vw,2.7rem);font-weight:700;color:var(--ink);line-height:1;letter-spacing:-.03em}
.trust-row .stat span{color:var(--muted);font-family:var(--f-display);font-size:.76rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:block;margin-top:8px}

/* Tabell-utdrag i masthead (høyre spalte) */
.hero-side{display:flex;flex-direction:column;gap:16px;align-self:start}
.hero-side .standing{position:static}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);background:transparent;border:1.5px solid var(--rule);box-shadow:2px 2px 0 0 var(--rule)}
.hero-stats .hs-item{padding:16px 8px;text-align:center;border-right:1px solid var(--line);text-decoration:none;color:inherit;transition:background .15s,color .15s}
.hero-stats .hs-item:hover{background:var(--ink)}
.hero-stats .hs-item:hover b,.hero-stats .hs-item:hover span{color:var(--paper)}
.hero-stats .hs-item:last-child{border-right:none}
.hero-stats b{display:block;font-family:var(--f-display);font-weight:800;font-size:1.8rem;line-height:1;letter-spacing:-.02em}
.hero-stats span{display:block;margin-top:6px;font-family:var(--f-display);font-weight:600;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.3}
.hero-stats .hs-erf b{color:var(--ink)}
.hero-stats .hs-bank b{color:var(--ink)}
.hero-stats .hs-ink b{color:var(--ink)}
/* Hero-bunnrad: fire like høye bokser på én linje — [CTA][CTA][Trustpilot] | [nøkkeltall].
   Samme kolonne-proporsjoner som .frontpage, så nøkkeltall-boksen flukter med tabellen over. */
.hero-row{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:20px;align-items:stretch;margin-top:34px}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.hero-actions>.btn.lg{min-width:0;width:100%;justify-content:center;text-align:center;font-size:1.22rem;padding-left:12px;padding-right:12px}
.hero-actions .btn.lg:not(.ghost){box-shadow:2px 2px 0 0 var(--accent-dark)}
.hero-actions .btn.lg:not(.ghost):hover{box-shadow:4px 4px 0 0 #6d1e15}
.hero-row .hero-stats{align-self:stretch}
.fo-ft{display:inline-flex;align-items:center;gap:11px;text-decoration:none;margin-top:20px}
@media(max-width:820px){.hero-row{grid-template-columns:1fr;column-gap:0;row-gap:16px}.hero-actions{gap:16px}}
.standing{background:var(--paper-2);border:1.5px solid var(--rule);box-shadow:6px 6px 0 0 var(--ink);position:sticky;top:86px}
.st-head{padding:16px 18px 14px;border-bottom:2px solid var(--rule);background:var(--ink);color:var(--paper)}
.st-head .kicker{color:var(--gold-bright);margin:0 0 5px}
.st-head .kicker::before{background:var(--gold-bright)}
.st-head .st-sub{font-family:var(--f-serif);font-style:italic;font-size:.98rem;color:rgba(255,253,249,.82)}
.st-list{list-style:none;margin:0;padding:0}
.st-list li{border-bottom:1px solid var(--line)}
.st-list li:last-child{border-bottom:none}
.st-list a{position:relative;display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:12px;padding:11px 18px;text-decoration:none;color:var(--ink);transition:background .15s}
.st-list a:hover{background:var(--surface)}
.st-logo{width:46px;height:24px;display:flex;align-items:center;justify-content:center;flex:none;opacity:.38;transition:opacity .15s}
.st-logo img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.st-list a:hover .st-logo{opacity:.6}
.st-list .seal{width:34px;height:34px}
.st-list .seal b{font-size:.86rem}
.st-name{font-family:var(--f-display);font-weight:600;font-size:.98rem;min-width:0;line-height:1.15}
.st-name small{display:block;font-family:var(--f-serif);font-weight:400;color:var(--muted);font-size:.78rem;font-style:italic}
.st-score{font-family:var(--f-display);font-weight:700;font-size:1.32rem;letter-spacing:-.02em}
.st-empty{padding:22px 20px;text-align:center}
.st-empty p{margin:0 0 14px;color:var(--muted);font-family:var(--f-serif);font-style:italic;font-size:1.02rem}
.st-empty .st-more{border-top:none;display:inline-flex;padding:0}
.st-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;font-family:var(--f-display);font-weight:700;font-size:.9rem;text-decoration:none;color:var(--accent);border-top:2px solid var(--rule);transition:gap .2s,background .15s}
.st-more:hover{gap:12px;background:var(--accent-tint)}

/* ---------- Kåring: tabell (leaderboard) ---------- */
.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.board{background:transparent;border:1.5px solid var(--rule);box-shadow:5px 5px 0 0 var(--ink)}
.band-2 .board{background-color:var(--paper);background-image:var(--dots);background-size:40px 40px}
.board-title{display:flex;align-items:center;gap:14px;padding:17px 22px;background:var(--ink);border-bottom:2px solid var(--rule)}
.board-title .bt-mark{width:38px;height:38px;flex:none;border:1.5px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center}
.board-title .bt-mark svg{width:20px;height:20px;display:block}
.board-title .bt-h{display:block;font-family:var(--f-display);font-weight:800;font-size:1.18rem;letter-spacing:-.015em;line-height:1.15;color:var(--paper)}
.board-title .bt-sub{display:block;margin-top:2px;font-family:var(--f-serif);font-style:italic;font-size:.86rem;color:rgba(250,248,243,.6)}
.board-title.top{color:var(--forest)}
.board-title.bottom{color:var(--accent)}
.board-empty{padding:22px;color:var(--muted);font-style:italic}
.rank{position:relative;display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:16px;padding:15px 22px;
  text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);transition:background .15s,padding-left .2s var(--ease)}
.rank:last-child{border-bottom:none}
.rank:hover{background:var(--surface);padding-left:27px}
.rank-logo{width:58px;height:32px;display:flex;align-items:center;justify-content:center;flex:none;opacity:.38;transition:opacity .15s}
.rank-logo img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.rank:hover .rank-logo{opacity:.6}
.rank .bank-name{min-width:0;font-family:var(--f-display);font-weight:600;font-size:1.04rem;color:var(--ink)}
.rank .bank-name small{display:block;font-family:var(--f-serif);font-weight:400;font-style:italic;color:var(--muted);font-size:.84rem;margin-top:1px}
.rank .bank-name .track{display:block;height:4px;background:var(--line-soft);margin-top:9px;overflow:hidden;max-width:240px}
.rank .bank-name .track .fill{display:block;height:100%;width:0;transition:width 1.1s var(--ease)}
.rank .score{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.rank .score .num{font-family:var(--f-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.low .rank .seal.plain b{color:var(--accent)}
.low .rank .seal.plain .rO{stroke:var(--accent-tint)}
/* score-fargekoding */
.sc-hi{color:var(--forest)!important}
.sc-mid{color:var(--gold-deep)!important}
.sc-lo{color:var(--accent)!important}
.fill.sc-hi{background:var(--forest)!important}
.fill.sc-mid{background:var(--gold-deep)!important}
.fill.sc-lo{background:var(--accent)!important}

/* ---------- Seierspall (topp 3) ---------- */
/* Mobil-først: tre stablede plater med gull/sølv/bronse-kant.
   Fra 600px folder de seg ut til en ekte pall (1. i midten, hevet). */
.podium-wrap{max-width:820px;margin:6px auto 42px;text-align:center}
.podium-kicker{display:inline-block;font-family:var(--f-display);font-weight:700;font-size:.66rem;
  letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.podium-kicker::before,.podium-kicker::after{content:"";display:inline-block;width:22px;height:1px;
  background:var(--rule);vertical-align:middle;margin:0 12px 3px}

.podium{display:flex;flex-direction:column;gap:14px;max-width:440px;margin:0 auto}

/* Én pall-plass = et kort (info) + en sokkel (pidestall). Mobil = flat plate. */
.pod{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);
  --tier:var(--rule);--tier-tint:var(--surface);--tier-deep:var(--ink-soft)}
.pod.p1{--tier:var(--gold);--tier-tint:var(--erf-tint);--tier-deep:var(--gold-deep)}
.pod.p2{--tier:var(--silver);--tier-tint:var(--silver-tint);--tier-deep:var(--silver-deep)}
.pod.p3{--tier:var(--bronze);--tier-tint:var(--bronze-tint);--tier-deep:var(--bronze-deep)}

.pod-card{background:var(--surface);border:1.5px solid var(--rule);border-left:6px solid var(--tier);
  box-shadow:4px 4px 0 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;text-align:left}
.pod:hover .pod-card{transform:translateY(-3px);box-shadow:6px 7px 0 0 var(--tier)}
.pod .seal{width:48px;height:48px;flex:none}
.pod .seal b{font-size:1.15rem}
.pod-id{display:flex;flex-direction:column;gap:1px;min-width:0}
.pod-name{font-family:var(--f-display);font-weight:700;font-size:1.06rem;line-height:1.12;color:var(--ink)}
.pod-meta{font-family:var(--f-serif);font-style:italic;color:var(--muted);font-size:.82rem}
.pod-fig{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none}
.pod-score{font-family:var(--f-display);font-weight:700;font-size:1.9rem;letter-spacing:-.03em;line-height:1}
.pod-fig .stars{font-size:.82rem}

/* Sokkelen skjules på mobil (medaljen bærer rangeringen der) */
.pod-plinth{display:none}
.pod-place{display:none}

@media (min-width:600px){
  .podium{flex-direction:row;justify-content:center;align-items:flex-end;
    gap:clamp(10px,2.2vw,22px);max-width:760px}
  .pod{flex:1 1 0;min-width:0;max-width:214px;align-items:stretch}
  .pod.p1{order:2;max-width:236px}
  .pod.p2{order:1}
  .pod.p3{order:3}

  /* Kort blir en sentrert plate som «står» på sokkelen */
  .pod-card{grid-template-columns:1fr;justify-items:center;text-align:center;gap:5px;
    padding:20px 14px 16px;border-left:1.5px solid var(--rule);border-bottom:none;
    box-shadow:3px 3px 0 0 var(--ink);position:relative;z-index:1}
  .pod:hover .pod-card{transform:translateY(-4px);box-shadow:5px 6px 0 0 var(--tier)}
  .pod .seal{width:54px;height:54px;margin-bottom:2px}
  .pod-id{align-items:center;text-align:center}
  .pod-name{font-size:1.04rem;line-height:1.14}
  .pod-fig{align-items:center}
  .pod-score{font-size:2.3rem;margin-top:2px}
  .pod-fig .stars{font-size:.9rem}

  /* Sokkel/pidestall: farget blokk med gravert plassnummer, ulik høyde per tier */
  .pod-plinth{display:flex;align-items:flex-start;justify-content:center;width:100%;
    background:var(--tier-tint);border:1.5px solid var(--rule);border-top:none;
    box-shadow:5px 5px 0 0 var(--tier-deep);padding-top:8px;overflow:hidden}
  .pod.p1 .pod-plinth{height:92px;box-shadow:6px 6px 0 0 var(--gold-deep)}
  .pod.p2 .pod-plinth{height:62px}
  .pod.p3 .pod-plinth{height:44px}
  .pod-place{display:block;font-family:var(--f-display);font-weight:800;line-height:1;
    font-size:3.1rem;color:var(--tier);opacity:.5}
  .pod.p2 .pod-place{font-size:2.5rem}
  .pod.p3 .pod-place{font-size:2rem}

  /* Vinnerkortet løftes litt ekstra og får gull-aksent */
  .pod.p1 .pod-card{border-color:var(--gold-deep);box-shadow:4px 4px 0 0 var(--gold-deep)}
  .pod.p1 .pod-name{font-size:1.12rem}
  .pod.p1 .pod-score{font-size:2.7rem}
  .pod.p1:hover .pod-card{box-shadow:6px 7px 0 0 var(--gold)}

  /* Scenegulv: hårfin grunnlinje under hele pallen */
  .podium{position:relative;padding-bottom:2px}
  .podium::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:min(100%,720px);height:1.5px;background:var(--rule)}
}

/* Kåring-faner (mobil) */
.karing-tabs-wrap{text-align:center}
.karing-tabs{display:inline-flex;border:1.5px solid var(--rule);margin:0 auto 28px;box-shadow:3px 3px 0 0 var(--ink)}
.karing-tabs button{border:none;background:var(--surface);font-family:var(--f-display);font-weight:700;font-size:.94rem;
  color:var(--ink-soft);padding:11px 22px;cursor:pointer;transition:color .2s,background .2s;display:inline-flex;align-items:center;gap:7px}
.karing-tabs button+button{border-left:1.5px solid var(--rule)}
.karing-tabs button .caret{width:14px;stroke-width:2.6}
.karing-tabs button .face{width:16px;height:16px}
.karing-tabs button.active{background:var(--ink);color:#fff}
.karing-tabs button.active .caret{stroke:#fff}
.karing-tabs button:not(.active):hover{color:var(--accent)}
.karing-panels .board{display:none}
.karing-panels .board.show{display:block;animation:fadeIn .35s var(--ease)}
@media (min-width:861px){
  .karing-tabs-wrap{display:none}
  .karing-panels{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .karing-panels .board{display:block!important}
}

/* ---------- Vitneutsagn (voices) ---------- */
.voices{display:flex;flex-direction:column;gap:26px}
.featured{position:relative;background:var(--ink);color:var(--paper);border:1.5px solid var(--rule);padding:40px 40px 32px;
  box-shadow:6px 6px 0 0 var(--accent);overflow:hidden}
.featured .qglyph{position:absolute;top:-14px;left:22px;font-family:var(--f-accent);font-size:9rem;line-height:1;color:var(--gold-bright);opacity:.5;pointer-events:none}
.featured .bank-tag{position:relative;display:inline-block;font-family:var(--f-display);font-weight:700;font-size:.82rem;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--gold-bright);padding:5px 12px;text-decoration:none;margin-bottom:16px}
.featured blockquote{position:relative;margin:0;font-family:var(--f-accent);font-size:clamp(1.5rem,3.6vw,2.2rem);
  line-height:1.32;color:#fff;max-width:24em}
.featured .fq-meta{display:flex;align-items:center;gap:10px;margin-top:20px;color:rgba(255,253,249,.7);font-family:var(--f-serif);font-style:italic;font-size:.95rem}
.featured .fq-meta .stars{color:var(--gold-bright)}
.featured .fq-meta .who{font-style:normal;font-family:var(--f-display);font-weight:600;color:#fff}
.featured .fq-meta .dot{opacity:.4}

.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;gap:16px}
.review{position:relative;display:flex;flex-direction:column;gap:11px}
/* Forside-erfaringer: egne «kule» bokser med falmet bank-logo som vannmerke i bakgrunnen */
.reviews-grid .review{overflow:hidden;background:var(--paper-2);border:1.5px solid var(--rule);box-shadow:4px 4px 0 0 var(--ink);
  padding:24px 24px 22px;text-decoration:none;color:inherit;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}
.reviews-grid .review:hover{transform:translateY(-3px);box-shadow:6px 8px 0 0 var(--accent)}
.reviews-grid .review>.top,.reviews-grid .review>h3,.reviews-grid .review>.body,.reviews-grid .review>.meta{position:relative;z-index:1}
.rev-wm{position:absolute;right:-6px;bottom:-6px;width:140px;height:86px;display:flex;align-items:flex-end;justify-content:flex-end;opacity:.2;pointer-events:none;z-index:0}
.rev-wm img{max-width:100%;max-height:100%;object-fit:contain}
.rev-wm-txt{font-family:var(--f-display);font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;text-align:right;color:var(--ink)}
.reviews-grid .review:hover .rev-wm{opacity:.3}
.review .top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.review .bank-tag{font-family:var(--f-display);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--accent);text-decoration:none;transition:color .15s}
.review .bank-tag:hover{color:var(--accent-dark);text-decoration:underline}
.review h3{font-family:var(--f-display);font-size:1.16rem;margin:2px 0 0;letter-spacing:-.015em}
.review .body{color:var(--ink-soft);font-family:var(--f-serif);font-size:1rem;line-height:1.6;margin:0}
.review .meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--f-serif);font-style:italic;font-size:.86rem;margin-top:auto;padding-top:10px}
.review .meta .who{font-style:normal;font-family:var(--f-display);font-weight:600;color:var(--ink-soft)}
.review .meta .dot{opacity:.5}
.clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

/* Detaljside-erfaringer (stablet, avis-klipp) */
.detail-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-auto-rows:1fr;gap:18px}
/* Erfaringer-karusell: én av gangen, midtstilt, piler på hver side */
.rev-carousel{display:flex;align-items:center;justify-content:center;gap:16px;max-width:720px;margin:0 auto}
.rev-carousel:focus{outline:none}
.rev-solo{max-width:720px;margin:0 auto}
.rc-stage{flex:1 1 auto;min-width:0}
.rc-slide{display:none}
.rc-slide.active{display:flex}
.rc-arrow{flex:none;width:48px;height:48px;border:1.5px solid var(--rule);background:var(--surface);box-shadow:2px 2px 0 0 var(--rule);
  cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);border-radius:2px;
  transition:transform .12s var(--ease),box-shadow .15s,background .15s,color .15s}
.rc-arrow:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:4px 4px 0 0 var(--accent)}
.rc-arrow .caret{width:16px;stroke-width:2.4}
.rc-count{text-align:center;margin-top:16px;font-family:var(--f-display);font-weight:700;font-size:.92rem;color:var(--muted);letter-spacing:.02em}
.rc-count .rc-cur{color:var(--ink)}
@media (max-width:520px){.rev-carousel{gap:9px}.rc-arrow{width:40px;height:40px}}
.review.detail{position:relative;border:1.5px solid var(--rule);max-width:none;padding:22px 24px 20px;gap:8px;background:var(--paper-2);
  box-shadow:5px 5px 0 0 var(--ink);transition:transform .12s var(--ease),box-shadow .15s,background .15s;overflow:hidden}
.review.detail::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--erf)}
.review.detail:hover{background:var(--surface);transform:translateY(-2px);box-shadow:6px 7px 0 0 var(--ink)}
.review.detail h3{font-size:1.24rem;margin:0}

/* ---------- Bank-liste ---------- */
.pagehead{padding:44px 0 8px;border-bottom:2px solid var(--rule);margin-bottom:8px}
.karing-head{text-align:center}
.karing-head .kicker{justify-content:center}
.pagehead.karing-head .ph-lead{margin-left:auto;margin-right:auto}
.leder-head{text-align:center}
.leder-head .kicker{justify-content:center}
.leder-body{text-align:center}
.leder-body .dropcap::first-letter{float:none;font-size:1em;margin:0;color:inherit;font-family:inherit;font-weight:inherit}
.center-head{text-align:center;margin-bottom:26px}
.center-head .kicker{justify-content:center;margin-bottom:8px}
.compare-cta{text-align:center;margin:34px auto 0;color:var(--ink-soft);font-family:var(--f-serif)}
.compare-cta p{margin:0 0 14px}
/* Leder- og skjema-sider: tittel i samme smale spalte som innholdet under, uten full-bredde strek */
.leder-head,.submit-head{border-bottom:none;padding-bottom:0;margin-bottom:0}
.pagehead h1{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.035em}
.pagehead h1 .word{display:inline-block;opacity:0;transform:translateY(16px);animation:wordIn .55s var(--ease) forwards}
.pagehead .ph-lead{font-family:var(--f-serif);font-size:1.18rem;color:var(--ink-soft);margin:14px 0 20px;max-width:40em}
.result-count{color:var(--muted);font-family:var(--f-display);font-size:.88rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin:0 0 16px}
.result-count b{color:var(--ink);font-weight:700}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{border:1.5px solid var(--rule);background:var(--surface);color:var(--ink-soft);font-family:var(--f-display);
  font-size:.86rem;font-weight:600;padding:7px 15px;cursor:pointer;box-shadow:2px 2px 0 0 transparent;
  transition:transform .12s var(--ease),box-shadow .15s,background .15s,color .15s,border-color .15s}
.chip:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-1px);box-shadow:3px 3px 0 0 var(--accent)}
.chip.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 0 var(--accent)}
.banklist{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px}
@media (max-width:860px){.banklist{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.banklist{grid-template-columns:1fr}}
.bankcard{position:relative;display:flex;align-items:center;gap:14px;background:var(--paper-2);border:1.5px solid var(--rule);
  padding:15px 17px 15px 18px;text-decoration:none;color:var(--ink);overflow:hidden;
  transition:transform .12s var(--ease),box-shadow .15s,background .15s,color .15s;box-shadow:3px 3px 0 0 var(--ink)}
.bankcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--kat-color,var(--line));transition:width .15s}
.bankcard:hover{transform:translateY(-2px);background:var(--ink);color:var(--paper);box-shadow:5px 6px 0 0 var(--accent)}
.bankcard:hover::before{width:8px}
.bankcard:hover .info .k,.bankcard:hover .score .c-antall,.bankcard:hover .score .empty{color:rgba(250,248,243,.72)}
.bankcard .logo{width:46px;height:46px;background:var(--kat-tint,var(--line-soft));display:flex;align-items:center;justify-content:center;
  font-family:var(--f-display);font-weight:700;font-size:1.1rem;color:var(--kat-color,var(--ink-soft));flex:none;letter-spacing:-.02em}
.bankcard .info{flex:1;min-width:0;padding-right:10px}
.bankcard .info .n{display:block;font-family:var(--f-display);font-weight:600;font-size:.9rem;line-height:1.25;overflow-wrap:normal;word-break:keep-all;hyphens:none}
.bankcard .info .k{display:block;margin-top:3px;color:var(--muted);font-family:var(--f-serif);font-style:italic;font-size:.84rem}
.bankcard .score{text-align:right;flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.2}
.bankcard .score .num{font-family:var(--f-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em}
.bankcard .score .c-antall{color:var(--muted);font-family:var(--f-serif);font-style:italic;font-size:.74rem}
.bankcard .score .empty{color:var(--muted);font-family:var(--f-serif);font-style:italic;font-size:.82rem}
/* kategori-farger */
.kat-Storbank{--kat-color:#2E6BB2;--kat-tint:#E7F0FA}
.kat-Sparebank{--kat-color:var(--forest);--kat-tint:var(--forest-soft)}
.kat-Nettbank{--kat-color:#6D4AB8;--kat-tint:#EEE8FA}
.kat-Forbruksbank{--kat-color:var(--accent);--kat-tint:var(--accent-tint)}
.kat-Bank{--kat-color:var(--gold-deep);--kat-tint:#F3EAD2}
.kat-Bedriftsbank{--kat-color:#0E7C7B;--kat-tint:#DCF0EF}

/* filter-bar */
/* Register-verktøykasse: rammet «kul boks» (moderne-vintage), samler søk + filtre + kategorier */
.register-toolbar{background:var(--paper-2);border:1.5px solid var(--rule);box-shadow:6px 6px 0 0 var(--ink);padding:20px 24px 22px;margin-bottom:30px}
.rt-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.rt-kicker{font-family:var(--f-display);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.rt-head .result-count{margin:0}
.filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.search-wrap{flex:1;min-width:200px;position:relative;display:flex;align-items:center}
.search-ico{position:absolute;left:14px;width:18px;height:18px;stroke:var(--muted);stroke-width:1.8;fill:none;pointer-events:none}
.filterbar input,.filterbar select{font-family:var(--f-display);font-size:.95rem;font-weight:500;padding:12px 15px;
  border:1.5px solid var(--rule);background:var(--surface);color:var(--ink);transition:box-shadow .15s,border-color .15s;border-radius:0}
.filterbar input{width:100%;padding-left:42px}
.filterbar select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%231B1A16' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}
.filterbar input:focus,.filterbar select:focus{outline:none;border-color:var(--accent);box-shadow:3px 3px 0 0 var(--accent)}
.chips{margin-bottom:0}

/* ---------- Bank-detalj header ---------- */
.crumb{margin:24px 0 2px}
.crumb .crumb-btn{font-size:.85rem;padding:7px 14px;gap:5px;text-decoration:none}
.crumb .caret{width:12px}
.bank-hero{position:relative;background:var(--paper-2);border:1.5px solid var(--rule);box-shadow:6px 6px 0 0 var(--ink);
  padding:26px 28px;margin:18px 0 26px;display:flex;gap:24px;flex-wrap:wrap;align-items:stretch}
.bh-left{flex:1 1 320px;min-width:280px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px}
.bh-id{display:flex;align-items:center;gap:16px;width:100%}
.bank-hero .logo{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);
  font-weight:700;font-size:1.85rem;color:var(--kat-color,var(--ink-soft));background:var(--kat-tint,var(--line-soft));flex:none;letter-spacing:-.02em;border:1.5px solid var(--rule)}
.bh-titles .kicker{margin-bottom:5px}
.bank-hero h1{font-size:clamp(1.55rem,3.4vw,2.2rem);margin:0;line-height:1.06}
.bh-card{flex:1 1 300px;min-width:260px;background:var(--surface);border:1.5px solid var(--rule);
  padding:22px 24px;display:flex;flex-direction:column;justify-content:center;gap:16px;position:relative;overflow:hidden}
/* Logo-plate: ekte banklogo erstatter initial-boksen, tydelig på hvit bunn */
.logo.has-logo{background:#fff;padding:7px;overflow:hidden}
.logo.has-logo img{width:100%;height:100%;object-fit:contain;display:block}
.bankcard .logo.has-logo{padding:5px}
.bank-hero .score-big{text-align:center}
.bank-hero .score-big .num{font-family:var(--f-display);font-size:3.4rem;font-weight:700;line-height:1;display:block;letter-spacing:-.04em}
.bank-hero .score-big .num.none{color:var(--muted);font-size:2rem}
.bank-hero .score-big .stars{margin-top:5px;font-size:1.18rem}
.bank-hero .score-big .n{color:var(--muted);font-family:var(--f-serif);font-style:italic;font-size:.92rem;margin-top:7px}
.bh-card .dist{max-width:none;margin:0}
/* Tomt-tilstand-kort: bevisst utformet, ikke sparsomt */
.bh-card.empty{justify-content:center;text-align:center;gap:14px;
  background:repeating-linear-gradient(-45deg,var(--surface),var(--surface) 11px,var(--erf-tint) 11px,var(--erf-tint) 12px)}
.bh-card.empty .score-big{display:flex;flex-direction:column;align-items:center;gap:9px}
.bank-hero .score-big .be-stars{font-size:2.5rem;line-height:1;color:var(--erf-soft)}
.bank-hero .score-big .be-stars .stars .empty{color:var(--erf-soft);opacity:1}
.bank-hero .score-big .be-label{font-family:var(--f-display);font-weight:700;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted)}
.bank-hero .bh-empty{color:var(--ink-soft);font-family:var(--f-serif);font-size:.98rem;line-height:1.55;text-align:center;
  margin:0 auto;max-width:26em;padding-top:14px;border-top:1px solid var(--line)}

.dist{display:flex;flex-direction:column;gap:7px;max-width:440px;margin:18px 0}
.dist-row{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:.86rem}
.dist-row .lab{width:44px;color:var(--muted);flex:none;white-space:nowrap}
.dist-row .bar{flex:1;height:9px;background:var(--line-soft);overflow:hidden}
.dist-row .bar span{display:block;height:100%;width:0;background:var(--gold);transition:width 1s var(--ease)}
.dist-row .cnt{width:28px;text-align:right;color:var(--muted);flex:none}

/* ---------- Skjema ---------- */
.formcard{background:var(--surface);border:1.5px solid var(--rule);box-shadow:7px 7px 0 0 var(--ink);padding:34px;margin:22px 0}
.field{margin-bottom:22px}
.field label{display:block;font-family:var(--f-display);font-weight:700;margin-bottom:7px;font-size:1rem}
.field .hint{color:var(--muted);font-family:var(--f-serif);font-style:italic;font-size:.9rem;margin:-2px 0 9px}
.field input[type=text],.field input[type=password],.field textarea,.field select{width:100%;font-family:var(--f-display);
  font-size:1rem;font-weight:500;padding:13px 15px;border:1.5px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:0;transition:box-shadow .15s,border-color .15s,background .15s}
.field textarea{min-height:150px;resize:vertical;line-height:1.6;font-family:var(--f-serif);font-weight:400}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:3px 3px 0 0 var(--accent)}
/* Søkbar bank-combobox (egen, stylet – erstatter nettleserens datalist) */
.combo{position:relative}
.combo-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;margin:0;padding:5px;list-style:none;
  max-height:296px;overflow-y:auto;background:var(--surface);border:1.5px solid var(--rule);
  box-shadow:5px 5px 0 0 var(--ink);border-radius:2px}
.combo-list li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:11px 13px;cursor:pointer;border-radius:2px;transition:background .12s,color .12s}
.combo-list li[hidden]{display:none}
.combo-list li.active,.combo-list li:hover{background:var(--ink)}
.combo-list li.active .cl-n,.combo-list li:hover .cl-n{color:var(--paper)}
.combo-list li.active .cl-k,.combo-list li:hover .cl-k{color:rgba(250,248,243,.7)}
.combo-list .cl-n{font-family:var(--f-display);font-weight:600;font-size:.98rem;color:var(--ink);letter-spacing:-.01em}
.combo-list .cl-k{font-family:var(--f-serif);font-style:italic;font-size:.8rem;color:var(--muted);white-space:nowrap;flex:none}
.combo-list::-webkit-scrollbar{width:11px}
.combo-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:3px solid var(--surface)}
.star-pick{display:inline-flex;align-items:center;gap:9px;font-size:2.5rem;color:var(--gold-soft);cursor:pointer;user-select:none;padding:6px 0}
.star-pick .s{transition:color .12s,transform .18s var(--ease);transform-origin:center;line-height:1}
.star-pick .s:hover{transform:scale(1.2) rotate(-5deg)}
.star-pick .s.on{color:var(--gold);animation:starPop .28s var(--ease)}
@keyframes starPop{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
.star-label{margin-left:12px;font-size:.98rem;color:var(--ink-soft);font-family:var(--f-display);font-weight:600}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{background:var(--accent-tint);padding:15px 17px;font-family:var(--f-serif);font-size:.92rem;color:var(--ink-soft);margin-top:12px;border-left:3px solid var(--accent)}

/* ---------- Takk-side ---------- */
.thanks-seal{width:88px;height:88px;margin:0 auto 20px}
.thanks-seal svg{width:100%;height:100%}
.thanks-seal .burst{fill:var(--forest-soft)}
.thanks-seal circle{fill:none;stroke:var(--forest);stroke-width:2}
.thanks-seal .check{fill:none;stroke:var(--forest);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.thanks-h1{font-family:var(--f-display);font-size:clamp(2rem,5vw,3rem)}

/* ---------- Admin ---------- */
.admin-card{background:var(--surface);border:1.5px solid var(--rule);padding:20px;margin-bottom:16px;box-shadow:4px 4px 0 0 var(--ink)}
.admin-card .top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.admin-card h3{font-family:var(--f-display)}
.admin-actions{display:flex;gap:10px}
.btn-approve{background:var(--forest);color:#fff;border:none;padding:9px 16px;font-family:var(--f-display);font-weight:700;cursor:pointer;transition:transform .1s,filter .15s;box-shadow:2px 2px 0 0 #00875a}
.btn-approve:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn-reject{background:transparent;color:var(--accent);border:1.5px solid var(--rule);padding:9px 16px;font-family:var(--f-display);font-weight:700;cursor:pointer;transition:border-color .15s}
.btn-reject:hover{border-color:var(--accent)}
.badge{background:var(--accent);color:#fff;padding:2px 10px;font-family:var(--f-display);font-size:.8rem;font-weight:700;margin-left:6px}

/* ---------- Prose / redaksjonelt ---------- */
.prose{font-family:var(--f-serif);font-size:1.12rem;line-height:1.72;color:var(--ink-soft)}
.prose .ingress{font-size:1.28rem;line-height:1.55;color:var(--ink);font-weight:500}
.prose-h2{font-family:var(--f-display);font-size:clamp(1.5rem,3.4vw,2rem);margin:38px 0 14px;color:var(--ink);letter-spacing:-.02em;text-align:center}
.prose p{margin:0 0 18px}
.prose .lead-answer{margin:0 0 10px}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--ink);text-decoration-thickness:2px;text-underline-offset:2px;transition:text-decoration-thickness .15s}
.prose a:hover{text-decoration-thickness:3px}
.dropcap::first-letter{
  font-family:var(--f-accent);font-size:4.6em;line-height:.66;float:left;margin:.02em .1em -.04em 0;color:var(--accent);font-weight:400}
.callout{background:var(--paper-2);border:1.5px solid var(--rule);border-left:5px solid var(--accent);padding:18px 22px;margin:24px 0;
  font-family:var(--f-serif);font-size:1.02rem;color:var(--ink-soft);box-shadow:4px 4px 0 0 var(--ink);text-align:center}
.callout.err{border-left-color:var(--accent);color:var(--accent-dark);background:var(--accent-tint)}
.callout a:not(.btn){color:var(--ink);font-weight:inherit;text-decoration:underline;text-decoration-color:var(--ink);text-decoration-thickness:2px;text-underline-offset:2px}
.callout .callout-lead strong{font-weight:700}

.empty-state{text-align:center;padding:48px 24px;color:var(--muted);background:var(--surface);border:1.5px dashed var(--rule)}
.empty-state h3{color:var(--ink);margin:0 0 8px;font-family:var(--f-display);font-size:1.3rem}
.empty-state p{font-family:var(--f-serif)}

/* ---------- FAQ ---------- */
.faq{margin:8px 0}
.faq-item{border:1.5px solid var(--rule);background:var(--paper-2);box-shadow:3px 3px 0 0 var(--ink);margin-bottom:12px;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}
.faq-item:last-child{margin-bottom:0}
.faq-item:hover{transform:translateY(-2px);box-shadow:4px 5px 0 0 var(--accent)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;font-family:var(--f-display);font-weight:600;cursor:pointer;list-style:none;font-size:1.08rem;color:var(--ink);transition:color .15s}
.faq-item summary::-webkit-details-marker{display:none}
.fq-q{flex:1;min-width:0}
/* Stjerne-markør (fra logoen) med egen interaktivitet */
.fq-mark{position:relative;flex:none;display:inline-flex;width:26px;height:26px}
.fq-mark::after{content:'';position:absolute;inset:-7px;border:1.6px solid var(--erf);border-radius:50%;opacity:0;transform:scale(.55);pointer-events:none}
.fq-star{width:26px;height:26px;overflow:visible;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.fq-o{fill:none;stroke:var(--bank);stroke-width:1.5;stroke-linejoin:round;transition:filter .35s}
.fq-i{fill:none;stroke:var(--erf);stroke-width:1.2;stroke-linejoin:round;transition:fill .35s}
.faq-item summary:hover .fq-star{transform:rotate(72deg) scale(1.14)}
.faq-item[open]{background:var(--surface)}
.faq-item[open] summary{color:var(--accent)}
.faq-item[open] .fq-star{transform:rotate(144deg) scale(1.06)}
.faq-item[open] .fq-i{fill:var(--erf)}
.faq-item[open] .fq-o{filter:drop-shadow(0 0 4px rgba(198,134,18,.55))}
.faq-item[open] .fq-mark::after{animation:fqPulse .6s var(--ease)}
@keyframes fqPulse{0%{opacity:.55;transform:scale(.55)}100%{opacity:0;transform:scale(1.6)}}
.faq-item summary:hover{color:var(--accent)}
@media (prefers-reduced-motion:reduce){.fq-star{transition:none}.fq-mark::after{animation:none}}
.faq-a{padding:0 18px 16px;color:var(--ink-soft);font-family:var(--f-serif);font-size:1.03rem}
.faq-item[open] .faq-a{animation:faqIn .3s var(--ease)}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* ---------- Presse-oppfordring (mørk CTA med halftone) ---------- */
.presscall{background:var(--ink);color:var(--paper);padding:72px 0;text-align:center;position:relative;overflow:hidden;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.presscall::before{content:'';position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:radial-gradient(rgba(255,253,249,.09) 1.1px,transparent 1.2px);background-size:15px 15px;
  mask-image:radial-gradient(ellipse at center,#000,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 78%)}
.presscall .wrap{position:relative;z-index:1}
.presscall .kicker{justify-content:center}
.presscall h2{font-size:clamp(1.9rem,5vw,3.2rem);color:#fff;max-width:16em;margin:0 auto 16px}
.presscall .pc-lead{font-family:var(--f-serif);font-size:1.16rem;color:rgba(255,253,249,.82);max-width:54em;margin:0 auto 28px}

/* ---------- Footer (kolofon) ---------- */
footer.site{border-top:2px solid var(--rule);margin-top:0;padding:48px 0 40px;background:var(--paper-2)}
footer.site .colophon{max-width:360px}
footer.site .brand{margin-bottom:12px}
footer.site .brand .wordmark{font-size:1.2rem}
footer.site p{color:var(--muted);font-family:var(--f-serif);font-size:.96rem;margin:6px 0 0}
footer.site .flinks{display:flex;gap:24px;flex-wrap:wrap;margin:26px 0;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
footer.site .flinks a{color:var(--ink-soft);text-decoration:none;font-family:var(--f-display);font-weight:600;font-size:.94rem;transition:color .15s}
footer.site .flinks a:hover{color:var(--accent)}
footer.site .fine{color:var(--muted);font-family:var(--f-serif);font-size:.86rem;line-height:1.65;max-width:none}
footer.site .fine a{color:var(--ink-soft)}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .frontpage{grid-template-columns:1fr;gap:34px}
  .standing{position:static;box-shadow:5px 5px 0 0 var(--ink);max-width:520px}
  .lede h1{font-size:clamp(2.4rem,9vw,4rem)}
}
@media (max-width:860px){
  .board-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  body{font-size:17px}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--rule);
    flex-direction:column;align-items:stretch;padding:12px 20px;gap:4px;box-shadow:0 14px 28px rgba(27,26,22,.1)}
  .nav-links.open{display:flex;animation:fadeIn .2s}
  .nav-links a:not(.btn){padding:8px 0}
  .nav-links a:not(.btn)::after{display:none}
  .nav-links .btn{margin-top:8px;justify-content:center}
  .menu-toggle{display:block}
  .masthead{padding:24px 0 14px}
  .edition{gap:10px;font-size:.66rem}
  .edition .ed-right{font-size:.8rem}
  section.block{padding:42px 0}
  .section-head{margin-bottom:24px}
  .featured{padding:34px 24px 26px;box-shadow:4px 4px 0 0 var(--accent)}
  .featured .qglyph{font-size:7rem;top:-6px;left:14px}
  .bank-hero{padding:22px;gap:18px;box-shadow:4px 4px 0 0 var(--ink)}
  /* Flex-basis-minima (280/260px) er større enn innholdsbredden ved ~320px og
     dyttet dossier-headeren noen piksler ut. La kortene krympe til containeren. */
  .bh-left,.bh-card{min-width:0}
  .bank-hero .score-big{order:-1;padding-left:0}
  .bank-hero .logo{width:60px;height:60px;font-size:1.5rem}
  .bank-hero .score-big .num{font-size:2.8rem}
  .formcard{padding:22px;box-shadow:4px 4px 0 0 var(--ink)}
  .rank{grid-template-columns:36px 1fr auto;gap:12px;padding:14px 18px}
  .rank:hover{padding-left:22px}
  .rank .bank-name .track{max-width:150px}
  .trust-row .stat{padding:14px 12px 14px 0}
  .trust-row .stat:not(:first-child){padding-left:14px}
}
@media (max-width:440px){
  .reviews-grid{grid-template-columns:1fr}
  .wire-tag{font-size:.64rem;padding:0 11px}
}

/* ---------- Redusert bevegelse ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
  .lede h1 .word,.pagehead h1 .word{opacity:1!important;transform:none!important}
  .ticker-track{animation:none!important}
}

/* ---------- Svar-boks (featured-snippet/AEO på kåringen) ---------- */
.pagehead .answer{max-width:680px;margin:16px 0 0;font-size:1.05rem;line-height:1.6;color:var(--ink-soft);text-align:left}
.pagehead .answer strong{color:var(--ink)}
@media (max-width:680px){.pagehead .answer{font-size:1.02rem}}

/* =====================================================================
   VINTAGE-AVIS "GJORT MODERNE" – utvidet håndverk (v2)
   ===================================================================== */

/* ---------- Trykk-ornament (printers flower / asterisme) ---------- */
.ornament{display:flex;align-items:center;justify-content:center;gap:16px;margin:30px 0;color:var(--faint)}
.ornament .orn-rule{flex:1;height:0;border-top:1px solid var(--line);max-width:190px}
.ornament .orn-rule:first-child{background:linear-gradient(90deg,transparent,var(--line));border:none;height:1px}
.ornament .orn-rule:last-child{background:linear-gradient(-90deg,transparent,var(--line));border:none;height:1px}
.orn-mark{width:44px;height:24px;flex:none;display:block}
.orn-mark path{fill:var(--gold-deep)}
.orn-mark path.thin{fill:var(--paper)}
.orn-mark circle{fill:var(--accent)}
.orn-mark.aster{width:56px}
.orn-mark.aster .ast-star path{fill:var(--gold-deep)}
.orn-mark.aster .ast-star path:first-child{fill:var(--accent)}
.prose .ornament{margin:34px 0}

/* mini-ornament i edition/folio */
.ed-mid{flex:none;display:inline-flex;color:var(--faint);line-height:0}
.ed-mid svg{display:block}
.ed-mid svg path{fill:var(--accent)}
.ed-mid svg line{stroke:var(--line);stroke-width:1.2}

/* ---------- Redaksjonens dom (stempel) ---------- */
.verdict-stamp{display:inline-flex;flex-direction:column;align-items:center;gap:1px;border:2px solid currentColor;
  padding:6px 14px 7px;transform:rotate(-2.5deg);line-height:1;background:rgba(255,253,249,.5);
  box-shadow:2px 2px 0 0 rgba(27,26,22,.12)}
.verdict-stamp .vs-top{font-family:var(--f-display);font-weight:700;font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.verdict-stamp .vs-txt{font-family:var(--f-display);font-weight:800;font-size:1.02rem;letter-spacing:-.01em;text-transform:uppercase}
.verdict-stamp.vs-hi{color:var(--forest)}
.verdict-stamp.vs-mid{color:var(--gold-deep)}
.verdict-stamp.vs-lo{color:var(--accent)}
.verdict-stamp.vs-none{color:var(--muted)}
.hero-verdict{margin:2px 0 14px}

/* ---------- Forside: classifieds (annonsestripe) ---------- */
.classifieds-block{padding:44px 0}
.classifieds{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1.5px solid var(--rule);
  background:var(--surface);box-shadow:5px 5px 0 0 var(--ink)}
.classifieds .cl-item{padding:26px 26px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;transition:background .15s}
.classifieds .cl-item:last-child{border-right:none}
.classifieds .cl-item:hover{background:var(--paper)}
.classifieds .cl-head{display:block;font-family:var(--f-display);font-weight:800;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.classifieds .cl-title{font-family:var(--f-display);font-weight:700;font-size:1.24rem;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0 0 9px}
.classifieds p{margin:0 0 20px;font-family:var(--f-serif);font-size:.98rem;line-height:1.6;color:var(--ink-soft)}
.classifieds .cl-btn{margin-top:auto;font-size:.9rem;padding:9px 16px}

/* ---------- Register (alle banker): fargenøkkel ---------- */
.katkey{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:6px}
.katkey .kk-lab{font-family:var(--f-display);font-weight:700;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.katkey .kk-item{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-display);font-weight:600;font-size:.82rem;color:var(--ink-soft)}
.katkey .kk-item i{width:11px;height:11px;flex:none;background:var(--kat-color,var(--line));border:1px solid rgba(0,0,0,.12);border-radius:1px}

/* ---------- Bank-dossier: mappe-fane + arkiv-følelse ---------- */
.bank-hero.dossier{margin-top:40px}
.dossier-tab{position:absolute;top:0;left:22px;transform:translateY(-100%);background:var(--ink);color:var(--paper);
  font-family:var(--f-display);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  padding:6px 15px 7px;white-space:nowrap;box-shadow:2px -2px 0 0 rgba(27,26,22,.12)}
.dossier-tab::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}

/* leserbrev-nummer + sitatmerke på detaljerfaringer */
.review.detail .rd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:2px}
.review.detail .rd-head .stars{color:var(--gold);font-size:1.05rem}
.review.detail .lb-no{font-family:var(--f-display);font-weight:700;font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--erf-ink);background:var(--erf-tint);padding:3px 10px;flex:none}
.review.detail .lb-q{display:block;font-family:var(--f-accent);color:var(--erf);opacity:.34;font-size:2.9rem;line-height:1;margin:4px 0 -16px}
.review.detail h3{letter-spacing:-.015em}
.review.detail .body{margin:0}
.review.detail .meta{align-items:center;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);
  color:var(--muted);flex-wrap:wrap}
.review.detail .meta .who{font-family:var(--f-display);font-weight:700;color:var(--ink);font-style:normal}
.review.detail .meta .rd-time{margin-left:auto;font-style:italic;white-space:nowrap}
.review.detail .meta .rd-tema{font-style:italic}

/* ---------- Innsending: manuskript-skjema ---------- */
.submit-head h1{max-width:16em}
.formcard.manuscript{position:relative;counter-reset:field;background:
  repeating-linear-gradient(var(--surface),var(--surface) 43px,var(--line-soft) 43px,var(--line-soft) 44px);
  background-attachment:local}
.formcard.manuscript .ms-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin:-8px 0 26px;padding-bottom:14px;border-bottom:2px solid var(--rule)}
.formcard.manuscript .ms-title{font-family:var(--f-display);font-weight:800;font-size:1.05rem;letter-spacing:-.01em;color:var(--ink)}
.formcard.manuscript .ms-stamp{font-family:var(--f-accent);font-style:italic;font-size:.98rem;color:var(--erf-ink);
  border:1.5px solid var(--erf-ink);padding:3px 11px;transform:rotate(-1.5deg)}
.formcard.manuscript .field.num{counter-increment:field}
.formcard.manuscript .field.num > label{position:relative;padding-left:34px}
.formcard.manuscript .field.num > label::before{content:counter(field);position:absolute;left:0;top:-3px;
  width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);
  font-family:var(--f-display);font-weight:700;font-size:.86rem;border-radius:50%}
.ta-count{text-align:right;font-family:var(--f-display);font-weight:600;font-size:.78rem;color:var(--muted);margin-top:6px;letter-spacing:.02em}
.ta-count.warn{color:var(--accent)}
/* større, mer tilfredsstillende stjerne-velger på skjemaet */
.formcard .star-pick{display:flex;flex-wrap:wrap;font-size:2.9rem;gap:11px}
.formcard .star-pick .s{filter:drop-shadow(1px 2px 0 rgba(27,26,22,.1))}
.formcard .star-pick .star-label{margin-left:8px}

/* ---------- Takk: mottatt-bekreftelse ---------- */
.thanks-card{position:relative;background:var(--surface);border:1.5px solid var(--rule);box-shadow:7px 7px 0 0 var(--ink);
  padding:44px 32px 36px;max-width:600px;margin:14px auto 0;overflow:hidden}
.thanks-card .thanks-mottatt{position:absolute;top:22px;right:-38px;transform:rotate(14deg);background:none;
  color:var(--forest);border:3px solid var(--forest);font-family:var(--f-display);font-weight:800;font-size:1.05rem;
  letter-spacing:.14em;text-transform:uppercase;padding:6px 46px;opacity:.85}
.thanks-file{font-family:var(--f-accent);font-style:italic;color:var(--muted);font-size:1rem;margin:0 0 18px;
  padding-top:14px;border-top:1px solid var(--line);max-width:340px;margin-left:auto;margin-right:auto}

/* ---------- Leder / artikkel-sider ---------- */
.leder-byline{font-family:var(--f-accent);font-style:italic;color:var(--muted);font-size:1.06rem;margin:10px 0 0}

/* ---------- 404: Stopp pressen ---------- */
.err404{padding-bottom:40px}
.err-bulletin{position:relative;background:var(--surface);border:1.5px solid var(--rule);border-top:6px double var(--rule);
  box-shadow:7px 7px 0 0 var(--ink);padding:44px 30px 40px;max-width:600px;margin:0 auto}
.err-flag{display:inline-block;background:var(--accent);color:#fff;font-family:var(--f-display);font-weight:800;font-size:.72rem;
  letter-spacing:.16em;text-transform:uppercase;padding:5px 14px;transform:rotate(-2deg);box-shadow:2px 2px 0 0 var(--accent-dark);margin-bottom:16px}
.err-code{font-family:var(--f-display);font-weight:700;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.err-h1{font-family:var(--f-display);font-weight:800;font-size:clamp(2.6rem,9vw,4.4rem);letter-spacing:-.03em;line-height:.95;margin:0}
.err-sub{font-family:var(--f-accent);font-style:italic;font-size:clamp(1.1rem,3vw,1.4rem);color:var(--accent);margin:8px 0 0}
.err-bulletin .ornament{margin:22px auto 20px;max-width:320px}

/* ---------- Responsiv finpuss (nye komponenter) ---------- */
@media (max-width:760px){
  .classifieds{grid-template-columns:1fr}
  .classifieds .cl-item{border-right:none;border-bottom:1px solid var(--line)}
  .classifieds .cl-item:last-child{border-bottom:none}
}
@media (max-width:680px){
  .classifieds-block{padding:34px 0}
  .classifieds{box-shadow:4px 4px 0 0 var(--ink)}
  .thanks-card{padding:38px 22px 30px;box-shadow:5px 5px 0 0 var(--ink)}
  .thanks-card .thanks-mottatt{font-size:.92rem;right:-30px;padding:5px 40px}
  .err-bulletin{padding:34px 22px 30px;box-shadow:5px 5px 0 0 var(--ink)}
  .review.detail .lb-no{position:static;display:block;margin-bottom:4px}
  .dossier-tab{left:16px;font-size:.6rem;padding:5px 12px 6px}
  .formcard.manuscript .field.num > label{padding-left:30px}
  .formcard.manuscript .field.num > label::before{width:22px;height:22px;font-size:.8rem}
  .ornament .orn-rule{max-width:90px}
  .formcard .star-pick{font-size:2.4rem;gap:7px}
  .formcard .star-pick .star-label{flex-basis:100%;margin-left:0;margin-top:4px}
}
@media (max-width:420px){
  .ed-mid{display:none}
  .verdict-stamp .vs-txt{font-size:.94rem}
}

/* =====================================================================
   LEKENT LAG v3 – to-farge (Bank/erfaringer), emblem, nameplate,
   guilloché-bakgrunn, gummistempel-klikk. Bygger videre på avis-DNA-et.
   ===================================================================== */

/* ---------- To-farge-system: semantiske aksenter ---------- */
.kicker.erf{color:var(--erf-ink)}
.kicker.erf::before{background:var(--erf-ink)}
.wm-bank{color:var(--bank)}
.wm-erf{color:var(--erf-ink)}
.brand:hover .wm-erf{color:var(--erf)}
/* bank-tag i featured = selve banken (rød), sitatet/stjernene = erfaring (gull) */
.featured .bank-tag{background:var(--bank);color:#fff}
.featured .bank-tag:hover{background:var(--bank-dark);color:#fff}

/* ---------- Emblem (offisielt segl/mynt) ---------- */
.emblem{width:41px;height:41px;flex:none;display:block;transition:transform .3s var(--ease)}
.emblem svg{width:100%;height:100%;display:block;overflow:visible;shape-rendering:geometricPrecision}
.emblem .es-outer{fill:none;stroke:var(--bank);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.emblem .es-inner{fill:none;stroke:var(--erf);stroke-width:1.45;stroke-linejoin:round;stroke-linecap:round}
.brand:hover .emblem{transform:rotate(-8deg) scale(1.06)}
.brand:active .emblem{transform:rotate(-3deg) scale(.94)}
.emblem.lg{width:74px;height:74px}

/* ---------- Header: nameplate-stripe (levende utgave-detalj) ---------- */
.masthead-strip{max-height:32px;overflow:hidden;border-bottom:1px solid var(--line);
  transition:max-height .32s var(--ease),opacity .25s,border-color .25s}
header.site.scrolled .masthead-strip{max-height:0;opacity:0;border-color:transparent}
.ms-inner{max-width:var(--maxw);margin:0 auto;padding:6px 22px;display:flex;align-items:center;gap:14px;
  font-family:var(--f-display);font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.ms-l{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--ink-soft)}
.ms-dot{width:6px;height:6px;border-radius:50%;background:var(--bank);flex:none;box-shadow:0 0 0 0 rgba(178,58,46,.5);animation:msPulse 2.6s var(--ease) infinite}
@keyframes msPulse{0%{box-shadow:0 0 0 0 rgba(178,58,46,.45)}70%{box-shadow:0 0 0 6px rgba(178,58,46,0)}100%{box-shadow:0 0 0 0 rgba(178,58,46,0)}}
.ms-c{flex:1;display:flex;justify-content:center;line-height:0}
.ms-c svg path{fill:var(--erf-ink)}.ms-c svg line{stroke:var(--line);stroke-width:1.2}
.ms-r{flex:none;color:var(--muted)}
.ms-rot{display:inline-block;color:var(--bank);min-width:1px;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.ms-rot.swap{opacity:0;transform:translateY(-4px)}

/* ---------- Nav: animert/magnetisk ---------- */
.nav-links a:not(.btn) span{display:inline-block;transition:transform .2s var(--ease)}
.nav-links a:not(.btn):hover span{transform:translateY(-2px)}

/* animert hamburger → X */
.menu-toggle .mt-box{display:block;width:22px;height:16px;position:relative}
.menu-toggle .mt-box i{position:absolute;left:0;right:0;height:2px;background:var(--ink);border-radius:2px;
  transition:transform .28s var(--ease),opacity .18s}
.menu-toggle .mt-box i:nth-child(1){top:0}
.menu-toggle .mt-box i:nth-child(2){top:7px}
.menu-toggle .mt-box i:nth-child(3){top:14px}
header.site:has(#nav.open) .mt-box i:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--bank)}
header.site:has(#nav.open) .mt-box i:nth-child(2){opacity:0}
header.site:has(#nav.open) .mt-box i:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--bank)}

/* ---------- Papirtekstur (statisk gravert prikkegrid, bakgrunn) ----------
   Erstatter det gamle animerte guilloché-canvaset. Én rolig, tett prikkeraster
   i svært svak blekk-tone – som trykkpapir/avis-halvtone. Ligger BAK alt
   innhold (z-index:-1), dekker hele viewporten (position:fixed), gjentas
   sømløst uten skjøt, og er helt statisk (ingen JS, respekterer reduced-motion
   uten videre). Ingen bredde bundet til window → null horisontal overflow. */
.guilloche{display:none}                 /* gammelt canvas nøytralisert */
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-repeat:repeat;background-position:0 0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%231B1A16'%3E%3Ccircle cx='2' cy='2' r='1.1' fill-opacity='.14'/%3E%3Ccircle cx='22' cy='22' r='1.1' fill-opacity='.14'/%3E%3Ccircle cx='22' cy='2' r='.7' fill-opacity='.08'/%3E%3Ccircle cx='2' cy='22' r='.7' fill-opacity='.08'/%3E%3C/g%3E%3C/svg%3E");
  background-size:40px 40px}

/* ---------- Gummistempel-klikk (global ink-effekt) ---------- */
.ink-layer{position:fixed;inset:0;z-index:9998;pointer-events:none;overflow:hidden}
.ink-stamp{position:absolute;width:48px;height:48px;pointer-events:none;transform:translate(-50%,-50%);will-change:transform,opacity}
/* Stempel-avtrykk: dobbel gravert stjerne (logo-merket), presses ned, setter seg, løftes */
.ink-stamp svg{width:100%;height:100%;display:block;overflow:visible;opacity:0;transform-origin:center;animation:isStamp 1.25s var(--ease) forwards}
.ink-stamp .is-outer{fill:none;stroke:var(--bank);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.ink-stamp .is-inner{fill:none;stroke:var(--erf);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
@keyframes isStamp{
  0%{opacity:0;transform:scale(1.4)}
  10%{opacity:.6;transform:scale(.88)}
  20%{opacity:.55;transform:scale(1.03)}
  30%{opacity:.55;transform:scale(1)}
  55%{opacity:.45;transform:scale(1)}
  100%{opacity:0;transform:scale(1)}
}

/* knapp: stempel-ring ved trykk (i tillegg til «trykt» press) */
.btn{position:relative}
.btn::after{content:'';position:absolute;inset:-5px;border:2px solid currentColor;border-radius:3px;opacity:0;
  transform:scale(.7);pointer-events:none}
.btn.pressed::after{animation:btnStamp .5s var(--ease)}
@keyframes btnStamp{0%{opacity:.45;transform:scale(.72)}100%{opacity:0;transform:scale(1.22)}}

/* ---------- Footer reoppfunnet (kolofon + folke-stempel) ---------- */
.fo-rule{display:flex;align-items:center;gap:18px;max-width:var(--maxw);margin:0 auto;padding:0 22px 30px;color:var(--faint);line-height:0}
.fo-rule span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line) 30%,var(--line) 70%,transparent)}
.fo-rule svg{flex:none}.fo-rule svg path{fill:var(--erf-ink)}.fo-rule svg line{stroke:var(--line);stroke-width:1.2}
.fo-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);gap:40px;align-items:center}
footer.site .colophon{max-width:none}
footer.site .fo-top .brand{align-items:center;gap:15px;margin-bottom:14px}
footer.site .fo-top .wordmark{font-size:1.6rem;letter-spacing:-.03em}
footer.site .colophon p{margin:0;max-width:30em;color:var(--ink-soft);font-family:var(--f-serif);font-size:1rem;line-height:1.55}
.fo-social{display:flex;gap:12px;margin-top:20px}
footer.site .flinks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 22px;margin:0;padding:0;border:none}
.fl-col{display:flex;flex-direction:column;gap:9px;min-width:0}
.fl-h{font-family:var(--f-display);font-weight:800;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);padding-bottom:9px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.fl-h.bank{color:var(--bank)}.fl-h.erf{color:var(--erf-ink)}
footer.site .flinks a{color:var(--ink-soft);text-decoration:none;font-family:var(--f-display);font-weight:600;
  font-size:.95rem;transition:color .15s,transform .15s var(--ease);display:inline-block}
footer.site .flinks a:hover{color:var(--bank);transform:translateX(4px)}
footer.site .fine{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer.site .fine p{margin:0;flex:1;min-width:280px}
.fine-contacts{flex:none;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.fine-contact{flex:none;font-size:.9rem;padding:9px 16px;white-space:nowrap;text-align:center;justify-content:center}

/* folke-stempel (easter egg) */
.fo-top .fo-stamp{justify-self:center;margin-top:0}
.prose-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:6px 0 10px}
.prose-actions .btn{font-size:.9rem;padding:9px 16px;min-width:174px;justify-content:center;text-decoration:none}
.section-head a.sh-btn{font-size:.88rem;padding:8px 15px;text-decoration:none;color:var(--ink)}
.section-head a.sh-btn:hover{color:var(--paper)}
.section-beige{background:var(--newsprint)}
/* Eksterne autoritetslenker: distinkt fra interne knapper (accent + utgående pil) */
.btn.ghost.btn-ext{border-color:var(--accent);color:var(--accent);box-shadow:2px 2px 0 0 var(--accent);gap:7px}
.btn.ghost.btn-ext:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:4px 4px 0 0 var(--ink)}
.btn-ext .ext-arr{width:13px;height:13px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.callout .callout-h{font-family:var(--f-display);font-weight:800;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--bank);margin:0 0 9px}
.callout .callout-title{font-family:var(--f-display);font-weight:800;font-size:1.5rem;line-height:1.15;color:var(--ink);margin:0 0 6px}
.callout .callout-title + p{margin:0 0 4px}

/* ---------- Redaksjonen (E-E-A-T: byline, kort, forside-seksjon) ---------- */
.rd-photo{object-fit:cover;border-radius:50%;display:block;flex:none;border:1.5px solid var(--rule);background:#fff}
.rd-initials{display:flex;align-items:center;justify-content:center;background:var(--paper-2);color:var(--ink);font-family:var(--f-display);font-weight:800;letter-spacing:-.02em;border:1.5px solid var(--rule);border-radius:50%}
/* Byline – midtstilt + interaktiv */
/* Forfatter-byline: to person-«chips» (avatar + navn/rolle + kontakt-ikoner) i innholdsbredde,
   midtstilt og delt av strek. Container query: side om side når bred, stablet når containeren er smal. */
.rd-byline{container-type:inline-size;margin:22px 0}
.rdb-grid{display:flex;align-items:stretch;justify-content:center;flex-wrap:nowrap}
.rdb-cell{display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 24px;min-width:0;flex:1}
.rdb-cell .rd-photo,.rdb-cell .rd-initials{width:46px;height:46px;font-size:.95rem;flex:none;transition:transform .2s var(--ease)}
.rd-byline:hover .rdb-cell .rd-photo,.rd-byline:hover .rdb-cell .rd-initials{transform:scale(1.05)}
.rdb-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.rdb-name{font-family:var(--f-display);font-weight:800;font-size:1rem;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.rdb-role{font-family:var(--f-serif);font-style:italic;font-size:.81rem;color:var(--muted);margin-top:2px;white-space:nowrap}
.rdb-div{width:1.5px;background:var(--rule);opacity:.35;flex:none}
.rdb-cell .rd-contacts{gap:7px;flex:none;margin-left:6px}
.rdb-cell .rd-ic{width:31px;height:31px;box-shadow:1.5px 1.5px 0 0 var(--ink)}
.rdb-cell .rd-ic svg{width:14px;height:14px}
.rd-byline a{text-decoration:none}
/* Kåringen: forfatterlinja bindes til den tjukke pagehead-streken som én avis-masthead.
   Topp-hårstrek + flush ned på den tjukke bunnstreken, midtdeler kobler dem sammen. */
.pagehead.karing-head{padding-bottom:0;border-bottom:0}
.karing-head .rd-byline{margin:26px 0 0;border-top:2.5px solid var(--rule);border-bottom:2.5px solid var(--rule)}
.karing-head .rdb-div{width:2.5px;opacity:1}
/* iPhone: forfatterlinjen skal ikke ha strek over/under (ba Bendik om) */
@media(max-width:600px){.karing-head .rd-byline{border-top:0;border-bottom:0;margin-top:18px}}
/* Stablet visning (smal container): fast avatar-kolonne slik at navnene alltid
   starter på nøyaktig samme x = navnene står rett over hverandre. */
@container (max-width:800px){
  /* Ett felles grid for begge personene (display:contents løser cellene opp), så avatar-
     kolonnen og ikon-kolonnen deles => bilder står rett over bilder, ikoner over ikoner. */
  .rdb-grid{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:15px;row-gap:12px}
  .rdb-cell{display:contents}
  /* Skillestreken mellom de to forfatterne fjernes når de stables (rad-luften skiller
     dem allerede); ellers rendrer den som en kort stubb/prikk under bildet. */
  .rdb-div{display:none}
  .rdb-info{align-items:flex-start;text-align:left}
  .rdb-name,.rdb-role{text-align:left}
  .rdb-role{white-space:normal}
}
/* Symmetriske profilkort (om + forside) */
.rd-box{margin:34px 0}
.rd-box .prose-h2{margin-bottom:4px}
.rd-lead{color:var(--ink-soft);font-family:var(--f-serif);margin:0 0 20px}
.rd-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rd-card{display:flex;flex-direction:column;text-align:center;background:var(--surface);border:1.5px solid var(--rule);box-shadow:5px 5px 0 0 var(--ink);padding:24px;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}
.rd-card:hover{transform:translateY(-4px);box-shadow:7px 9px 0 0 var(--ink)}
.rd-card-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:15px}
.rd-card .rd-photo,.rd-card .rd-initials{width:84px;height:84px;font-size:1.8rem;transition:transform .2s var(--ease)}
.rd-card:hover .rd-photo,.rd-card:hover .rd-initials{transform:scale(1.05) rotate(-2deg)}
.rd-card-id{min-width:0}
.rd-role{font-family:var(--f-display);font-weight:800;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
.rd-name{font-family:var(--f-display);font-weight:800;font-size:1.18rem;color:var(--ink);margin:0 0 3px;line-height:1.12}
.rd-title{color:var(--muted);font-size:.82rem;margin:0}
/* Én linje kun på desktop (kort brede nok); nettbrett/mobil bryter fritt → aldri horisontal overflyt */
@media(min-width:900px){.rd-title{white-space:nowrap}}
.rd-bio{font-family:var(--f-serif);font-size:.93rem;color:var(--ink-soft);margin:0 0 18px;line-height:1.55}
.rd-contacts{display:flex;gap:11px;margin-top:auto;justify-content:center}
/* Kontrast-system (kun de to beige-fargene):
   - kontakt/sosiale-chips = LYS beige (newsprint) overalt (footer, byline, kort)
   - knapper som ellers smelter inn i en lys boks = MØRK beige (paper-2) */
.rd-ic{width:44px;height:44px;flex:none;background:var(--newsprint);border:1.5px solid var(--rule);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:2px 2px 0 0 var(--ink);transition:transform .12s var(--ease),box-shadow .15s,background .15s,color .15s}
/* Hero-CTA (Se alle bankene) beholdes transparent. */
.rd-ic:hover{background:var(--ink);color:var(--paper);transform:translateY(-3px);box-shadow:4px 4px 0 0 var(--accent)}
.rd-ic svg{width:19px;height:19px;display:block}
/* Forside-seksjon (full bredde, like bred som seksjonene over) */
.rd-home{background:var(--paper-2);border:1.5px solid var(--rule);box-shadow:6px 6px 0 0 var(--ink);padding:34px 38px;margin-top:38px}
.rd-home-head{margin-bottom:20px}
.rd-home-head h2{margin:5px 0 10px}
.rd-home-head p{color:var(--ink-soft);margin:0 0 16px}
.rd-cards-home .rd-card{background-color:var(--paper);background-image:var(--dots);background-size:40px 40px}
/* Forside-boks: alt innhold midtstilt */
.rd-home-head{text-align:center}
.rd-home-head .kicker{justify-content:center}
.rd-cards-home .rd-card-top{flex-direction:column;text-align:center;align-items:center;gap:12px}
.rd-cards-home .rd-contacts{justify-content:center}
@media(max-width:760px){.rd-cards{grid-template-columns:1fr}.rd-home{padding:26px 22px}}
@media(max-width:600px){.rd-card-top{flex-direction:column;text-align:center;align-items:center}.rd-contacts{justify-content:center}.rdb-txt{flex-direction:column;gap:8px}}

/* Avis-seksjonsskille: logo-stjerna midtstilt */
.section-star{display:flex;justify-content:center;margin:46px 0 40px}
.section-star .emblem{width:46px;height:46px}

/* «Hva er Bankerfaringer»-boks: full bredde, samme boks-språk som redaksjon-boksen under */
.intro-box{background:var(--paper-2);border:1.5px solid var(--rule);box-shadow:6px 6px 0 0 var(--ink);padding:34px 38px}
.intro-box .prose-h2{margin-top:0}
.intro-prose{max-width:none;margin:0;text-align:center}
/* FAQ nederst i seksjonen (under redaksjon-boksen), full bredde, midtstilt */
.home-faq{margin-top:0}
.home-faq .prose-h2{margin-top:0;margin-bottom:22px}
/* Forside-FAQ: to kolonner med fire spørsmål nedover i hver, like store bokser */
.home-faq .faq{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:14px;max-width:none;margin:0}
.home-faq .faq-item{margin-bottom:0;background-color:var(--paper);background-image:var(--dots);background-size:40px 40px}
@media(max-width:560px){.home-faq .faq{grid-template-columns:1fr;grid-auto-rows:auto}}
@media(max-width:600px){.intro-box{padding:26px 22px}}

/* Avis-CTA-boks: rammet panel med signatur-offset (samme språk som annonsestripa), midtstilt innhold */
.cta-panel{max-width:660px;margin:44px auto 0;padding:34px 34px 32px;text-align:center;
  background:var(--paper-2);border:1.5px solid var(--rule);box-shadow:6px 6px 0 0 var(--ink)}
.cta-panel .prose-h2{margin-top:0}
.cta-panel p{font-family:var(--f-serif);font-size:1.06rem;line-height:1.66;color:var(--ink-soft);margin:0 auto 14px;max-width:52ch}
.cta-panel p:last-of-type{margin-bottom:20px}
.fo-stamp{position:relative;margin-top:22px;background:none;border:none;cursor:pointer;padding:6px;
  display:inline-flex;flex-direction:column;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent}
.fs-ring{position:relative;width:106px;height:106px;border-radius:50%;border:2.5px solid var(--erf-ink);color:var(--erf-ink);
  display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);
  transition:transform .18s var(--ease),color .18s,border-color .18s;text-align:center;background:rgba(255,253,249,.4)}
.fs-ring::before{content:'';position:absolute;inset:6px;border:1px solid currentColor;border-radius:50%;opacity:.45}
.fs-star{font-size:1.05rem;line-height:1}
.fs-t1{font-family:var(--f-display);font-weight:800;font-size:.63rem;letter-spacing:.06em;text-transform:uppercase;
  max-width:80px;line-height:1.18;margin-top:4px}
.fs-t2{font-family:var(--f-accent);font-style:italic;font-size:.82rem;margin-top:1px}
.fs-hint{font-family:var(--f-display);font-weight:700;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.fo-stamp:hover .fs-ring{transform:rotate(-4deg) scale(1.03)}
.fo-stamp:active .fs-ring{transform:rotate(-6deg) scale(.9)}
.fo-stamp.stamped .fs-ring{color:var(--bank);border-color:var(--bank);animation:foStampAnim .42s var(--ease)}
@keyframes foStampAnim{0%{transform:rotate(-5deg) scale(.82)}55%{transform:rotate(-10deg) scale(1.08)}100%{transform:rotate(-8deg) scale(1)}}
.fs-ink{position:absolute;left:50%;top:12px;width:106px;height:106px;margin-left:-53px;border:2px solid var(--bank);
  border-radius:50%;opacity:0;pointer-events:none}
.fo-stamp.stamped .fs-ink{animation:foInk .55s var(--ease)}
@keyframes foInk{0%{opacity:.5;transform:scale(.62)}100%{opacity:0;transform:scale(1.45)}}

/* ---------- Responsiv finpuss (lekent lag) ---------- */
/* Kolofonen kollapser til én spalte litt tidligere (≤820px): mellom ~761–800px
   ble tre-spalters-fotens 1fr-spor for trange for lange ord ("Retningslinjer"),
   som presset siden ~3px ut i bredden. Stablet layout fjerner den skjøten helt. */
@media (max-width:820px){
  /* Mobil: alt midtstilt, lenker i én sentrert kolonne, stempel til slutt. */
  .fo-top{grid-template-columns:1fr;gap:26px;text-align:center}
  footer.site .fo-top .wordmark{font-size:1.4rem}
  footer.site .fo-top .brand{justify-content:center}
  .fo-top .colophon{order:1}
  .fo-top .colophon p{margin-left:auto;margin-right:auto}
  .fo-social{justify-content:center}
  .fo-top .flinks{order:2}
  footer.site .fo-top .flinks{grid-template-columns:1fr;gap:22px;justify-items:center}
  .fl-col{align-items:center;text-align:center}
  .fo-top .fo-stamp{order:3;justify-self:center;margin-top:2px}
  footer.site .fine{flex-direction:column;align-items:center;text-align:center;gap:20px}
  footer.site .fine p{min-width:0}
  .fine-contacts{align-items:center}
  .fine-contact{min-width:240px}
}
/* Ekstra sikring: fotlenke-kolonnene kan krympe under innholdsbredden, og et
   uvanlig langt enkeltord brytes heller enn å dytte layouten ut. */
.fl-col{min-width:0}
footer.site .flinks{grid-template-columns:repeat(3,minmax(0,1fr))}
footer.site .flinks a{overflow-wrap:anywhere}
@media (max-width:680px){
  .masthead-strip{display:none}
  .emblem{width:36px;height:36px}
}

/* ---------- Kontakt-siden: e-post/telefon som «smashing» knapper ---------- */
.kontakt-cta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 20px;text-align:center}
.prose a.kontakt-btn{display:flex;align-items:center;justify-content:center;gap:15px;padding:16px 20px;background:var(--ink);border:1.5px solid var(--rule);
  box-shadow:4px 4px 0 0 var(--accent);text-decoration:none;color:var(--paper);
  transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.prose a.kontakt-btn:hover{transform:translateY(-3px);box-shadow:6px 8px 0 0 var(--accent)}
.kontakt-btn .kb-ic{width:46px;height:46px;flex:none;border:1.5px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center}
.kontakt-btn .kb-ic svg{width:21px;height:21px;display:block}
.kontakt-btn .kb-txt{min-width:0;text-align:center}
.kontakt-btn .kb-lab{display:block;font-family:var(--f-display);font-weight:700;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,248,243,.6)}
.kontakt-btn .kb-val{display:block;font-family:var(--f-display);font-weight:800;font-size:1.06rem;letter-spacing:-.01em;margin-top:3px;overflow-wrap:anywhere}
@media(max-width:560px){.kontakt-cta{grid-template-columns:1fr}}

/* ---------- Redusert bevegelse: ro ned det levende laget ---------- */
@media (prefers-reduced-motion:reduce){
  .em-mill,.ms-dot{animation:none!important}
}

/* Forbrukerrådet-referanse (forsiden, langt nede) – kul lenke-plate i avis-språket */
.fr-section{padding:34px 0 40px}
.fr-card{display:grid;grid-template-columns:1.35fr .85fr;gap:36px;align-items:center;background:var(--newsprint);border:2.5px solid var(--rule);box-shadow:9px 9px 0 0 var(--ink);border-radius:5px;padding:36px 40px}
.fr-text .kicker{color:var(--accent)}
.fr-title{font-family:var(--f-display);font-weight:800;font-size:clamp(1.45rem,3vw,2.05rem);letter-spacing:-.02em;line-height:1.06;margin:8px 0 12px;color:var(--ink)}
.fr-lead{font-family:var(--f-serif);font-size:1.06rem;line-height:1.55;color:var(--ink-soft);margin:0;max-width:33em}
.fr-link{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:3px;text-decoration:none;background:var(--surface);border:2.5px solid var(--rule);border-radius:5px;box-shadow:6px 6px 0 0 var(--ink);padding:22px 26px;color:var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}
.fr-logo-bg{position:absolute;right:-14px;bottom:-18px;width:118px;height:auto;opacity:.13;pointer-events:none;z-index:0;transition:opacity .18s var(--ease)}
.fr-link>.fr-link-top,.fr-link>.fr-link-name,.fr-link>.fr-link-sub{position:relative;z-index:1}
.fr-link:hover .fr-logo-bg{opacity:.32}
.fr-link-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:var(--f-display);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fr-link-name{font-family:var(--f-display);font-weight:800;font-size:1.7rem;letter-spacing:-.02em;line-height:1.02}
.fr-link-sub{font-family:var(--f-serif);font-style:italic;font-size:.92rem;color:var(--muted)}
.fr-link .ext-arr{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s var(--ease)}
.fr-link:hover{background:var(--ink);color:#fff;transform:translate(-3px,-3px);box-shadow:9px 9px 0 0 var(--accent)}
.fr-link:hover .fr-link-top,.fr-link:hover .fr-link-sub{color:rgba(255,255,255,.72)}
.fr-link:hover .ext-arr{transform:translate(3px,-3px)}
@media(max-width:720px){.fr-card{grid-template-columns:1fr;gap:22px;padding:26px 22px;box-shadow:6px 6px 0 0 var(--ink)}.fr-link-name{font-size:1.5rem}}

/* Finanstilsynet-attest under ingressen i intro-boksen */
.intro-ft{display:flex;justify-content:center;align-items:center;gap:12px;margin:4px 0 18px}
/* FAQ som egen beige seksjon: mer luft over + kul underline under tittelen */
.faq-section{padding-top:80px;padding-bottom:80px}
.faq-title{position:relative;padding-bottom:22px}
.faq-title::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:72px;height:4px;border-radius:3px;background:var(--accent)}
/* To piler fra «Bli kjent med redaksjonen» ned til de to redaksjonskortene */
.rd-arrows{position:relative;height:0;display:flex;justify-content:center;gap:300px;margin:0;color:var(--ink);opacity:.85;pointer-events:none;z-index:2}
.rd-arr{position:relative;top:-60px;width:66px;height:50px;flex:none}
@media(max-width:760px){.rd-arrows{display:none}}