/* Fagprisen — plain, list-first design. One accent colour, few boxes. */
:root{
  --bg:#f7f6f3; --card:#fff; --ink:#16191c; --muted:#5d646b; --faint:#8a9097; --line:#e3e1dc; --line-strong:#cfccc5;
  --accent:#b4410e; --accent-hover:#953508; --accent-ink:#fff; --accent-soft:#fbede4;
  --good:#17784a; --good-soft:#e4f3ea; --warn:#8a5a00; --warn-soft:#faefd6; --bad:#a33b2b; --bad-soft:#fbe6e2;
  --pin:#b4410e; --pin-off:#9aa1a8; --r:6px;
}
@media (prefers-color-scheme: dark){
  :root{--bg:#121416; --card:#1a1d20; --ink:#e9eaeb; --muted:#9aa1a8; --faint:#737a81; --line:#2a2e33; --line-strong:#3a3f45;
    --accent:#f0874f; --accent-hover:#f59c6b; --accent-ink:#1b0d05; --accent-soft:#3a2214;
    --good:#6fd39c; --good-soft:#14301f; --warn:#f0c46a; --warn-soft:#382d16; --bad:#f09a8a; --bad-soft:#381c17; --pin:#f0874f; --pin-off:#6b7279}
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:2px}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
svg.i{width:16px;height:16px;flex:none;vertical-align:-3px}
.hp{position:absolute;left:-9999px}
.num,.amt,.stat b,.pop b,.qj b{font-variant-numeric:tabular-nums}

/* Header */
header.top{position:sticky;top:0;z-index:20;background:var(--card);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:12px;min-height:54px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}
.brand{font-weight:800;font-size:25px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;margin-right:auto}
.brand span{color:var(--accent)}
.switch{display:flex;gap:6px;align-items:center}
.switch select{width:auto;padding:6px 28px 6px 9px;font-size:14px;font-weight:600}
.tabs{display:flex;gap:0;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden}
.tabs a{padding:6px 12px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:600;white-space:nowrap;border-left:1px solid var(--line-strong)}
.tabs a:first-child{border-left:0}
.tabs a[aria-current="page"]{background:var(--ink);color:var(--card)}
@media(max-width:640px){.switch{width:100%}.tabs{flex:1}.tabs a{flex:1;text-align:center;padding:6px 4px}}

/* Type */
h1{font-size:clamp(28px,4.4vw,40px);line-height:1.12;margin:0 0 8px;letter-spacing:-.03em;font-weight:800}
h2{font-size:20px;margin:0 0 10px;letter-spacing:-.02em;font-weight:750}
h3{font-weight:700}
.lead{color:var(--muted);max-width:640px;margin:0;font-size:17px}
.sub{color:var(--muted);margin:0 0 12px;font-size:14.5px}
.fine{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.small{font-size:12.5px;color:var(--muted)}
.eyebrow{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--muted)}
section{margin:26px 0 34px}
.hero{padding:22px 0 6px}
.crumbs{font-size:13px;color:var(--muted);margin:14px 0 0}
.crumbs a{color:var(--muted)}
mark.todo{background:var(--warn-soft);color:var(--warn);padding:1px 4px;border-radius:3px}

/* Surfaces and controls */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r);padding:9px 11px;width:100%;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent-soft)}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23777' stroke-width='1.8'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}
.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font:inherit;font-weight:650;border:0;border-radius:var(--r);padding:10px 16px;background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--accent-hover)}
.btn.wide{width:100%;margin-top:6px;padding:12px}
.ghost{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:600;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:var(--r);padding:8px 12px;cursor:pointer;text-decoration:none;white-space:nowrap}
.ghost:hover{border-color:var(--ink)}
.link{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-strong);background:var(--card);color:var(--ink);padding:5px 10px;border-radius:var(--r);font:inherit;font-size:13.5px;cursor:pointer;white-space:nowrap}
.chip svg{width:13px;height:13px}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.chip small{opacity:.65}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:1px 7px;border-radius:3px;background:var(--bg);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.tag svg{width:12px;height:12px;color:var(--good)}
.tag.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.tag.info{background:transparent}
.badge{font-size:12px;color:var(--muted);border-left:1px solid var(--line-strong);padding-left:8px}
.check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:14px}
.check input{width:auto;margin-top:4px}
.radios{display:flex;gap:6px;flex-wrap:wrap}
.radios label{font-weight:400;border:1px solid var(--line-strong);border-radius:var(--r);padding:5px 10px;cursor:pointer;display:flex;gap:6px;align-items:center;margin:0;font-size:14px}
.radios input{width:auto;margin:0;accent-color:var(--accent)}
.msg{margin-top:10px;font-size:14.5px}
.empty{padding:20px 16px;color:var(--muted)}
form .f2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){form .f2{grid-template-columns:1fr 1fr}}
.ok-i{color:var(--good)} .warn-i{color:var(--warn)} .info-i{color:var(--faint)}

/* Home */
.home .hero{padding:40px 0 4px}
.home h1{font-size:clamp(32px,5.4vw,52px);max-width:760px}
.finder{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:22px;font-size:18px}
.finder label{margin:0;font-size:18px;font-weight:600}
.finder select{width:auto;font-size:18px;font-weight:700;padding:9px 34px 9px 12px;border-color:var(--ink)}
.finder .btn{font-size:17px;padding:11px 20px}
@media(max-width:560px){.finder #trade{flex:1 1 0}.finder .br{flex-basis:100%;height:0}.finder #city{flex:1 1 0}.finder .btn{width:100%}}
.pophead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.pophead h2{margin:0}
.pops{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
@media(min-width:760px){.pops{grid-template-columns:1fr 1fr;column-gap:32px}}
.pop{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.pop span{font-weight:600}
.pop b{font-size:19px;font-weight:750;grid-row:1/3;grid-column:2;align-self:center;letter-spacing:-.01em}
.pop em{font-style:normal;font-size:12.5px;color:var(--muted)}
.pop:hover span{text-decoration:underline}
.pop.near span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:2px}
.cities{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
@media(min-width:760px){.cities{grid-template-columns:1fr 1fr;column-gap:32px}}
.city{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--line)}
.city.card{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.city h3{display:flex;align-items:center;gap:5px;margin:0;font-size:16px;min-width:120px}
.city h3 svg.i{color:var(--accent)}
.tls{display:flex;gap:14px;flex-wrap:wrap}
.tl{font-size:14.5px;text-decoration:none}
.tl:hover{text-decoration:underline}
.tl small{color:var(--muted)}
.regcta{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:15px}
.regcta p{margin:0;max-width:760px}
.regcta b{color:var(--ink)}

/* City/job hero: plain, numbers in a strip */
.band{background:none}
.band .hero{padding:6px 0 0}
.activity{font-size:13.5px;color:var(--muted);margin-top:12px}
.activity b{color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);margin-top:18px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);max-width:860px}
@media(min-width:700px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{padding:10px 14px 12px 0;min-width:0}
@media(min-width:700px){.stat+.stat{padding-left:14px;border-left:1px solid var(--line)}}
@media(max-width:699px){.stat:nth-child(n+3){border-top:1px solid var(--line)}.stat:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}}
.stat span{display:block;font-size:12.5px;font-weight:600;color:var(--muted)}
.stat b{display:block;font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.02em;font-weight:800;white-space:nowrap}
.stat b small{font-size:13px;font-weight:600;color:var(--muted)}
.stat em,.stat a{font-style:normal;font-size:12.5px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stat a{color:var(--ink)}
.stat.hi b{color:var(--accent)}
.stat.wide{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;border-left:0!important}
.btn.light{background:var(--accent);color:var(--accent-ink)}
.spread{max-width:860px;margin-top:12px}
.spread .bar{position:relative;height:2px;background:var(--line-strong);margin:8px 0}
.spread .bar i{position:absolute;top:-4px;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--ink);opacity:.55}
.spread .bar b{position:absolute;top:-8px;width:2px;height:18px;margin-left:-1px;background:var(--accent)}
.spread-l{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.qjs{display:grid;grid-template-columns:repeat(2,1fr);margin-top:18px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);max-width:860px}
@media(min-width:700px){.qjs{grid-template-columns:repeat(4,1fr)}}
.qj{display:block;text-decoration:none;color:var(--ink);padding:10px 14px 12px 0}
@media(min-width:700px){.qj+.qj{padding-left:14px;border-left:1px solid var(--line)}}
@media(max-width:699px){.qj:nth-child(n+3){border-top:1px solid var(--line)}.qj:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}}
.qj span{display:block;font-size:15.5px;font-weight:750;color:var(--ink);line-height:1.25;margin-bottom:2px}
.qj b{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:800;letter-spacing:-.02em}
.qj b svg.i{color:var(--accent);width:18px;height:18px}
.qj em{font-style:normal;font-size:12px;color:var(--muted)}
.qj:hover b{color:var(--accent)}

/* Filters: job + search + sort always; the rest behind "Filtre" */
#firma{margin-top:20px}
.filterbar{padding:12px;display:grid;gap:10px}
.fb-job{display:grid;grid-template-columns:1fr;gap:4px}
.fb-job label{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;color:var(--ink);font-weight:750;letter-spacing:-.01em}
.step{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:800}
.fb-job select{font-size:17px;font-weight:700;padding:11px 34px 11px 12px;border:2px solid var(--accent)}
@media(min-width:700px){.fb-job{grid-template-columns:max-content minmax(0,420px);align-items:center;gap:12px}}
.fb-row{display:flex;gap:8px;flex-wrap:wrap}
.fb-row .search{flex:1 1 240px}
.fb-row select{flex:0 0 auto;width:auto}
.search{position:relative}
.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted)}
.search input{padding-left:34px}
.filterbar:not([data-open]) #cats,.filterbar:not([data-open]) #area,.filterbar:not([data-open]) #filters{display:none}
.filterbar[data-open] .fb-toggle{background:var(--ink);color:var(--card);border-color:var(--ink)}
@media(max-width:560px){.fb-row select{flex:1 1 auto}.fb-toggle{flex:1 1 auto;justify-content:center}}
.fb-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--muted)}
.fb-right{display:flex;gap:12px;align-items:center}
.viewtoggle{display:none}
@media(max-width:859px){.viewtoggle{display:flex}}

/* Results: one list, rows divided by lines */
.layout{display:grid;grid-template-columns:1fr;gap:16px;margin-top:12px}
@media(min-width:860px){.layout{grid-template-columns:1.25fr 1fr}}
#map{height:70vh;min-height:360px;border-radius:var(--r);border:1px solid var(--line);z-index:0}
@media(min-width:860px){#map{height:calc(100vh - 90px);position:sticky;top:70px}}
@media(max-width:859px){.layout[data-view="list"] #map{display:none}.layout[data-view="map"] .results{display:none}}
.results{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r);align-self:start;overflow:hidden}
.biz{display:grid;gap:3px;padding:13px 16px;border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent}
.biz:last-child{border-bottom:0}
.biz.top{box-shadow:inset 3px 0 0 var(--accent)}
.biz-top{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:start}
.biz h3{margin:0;font-size:16.5px;line-height:1.3;grid-column:1}
.biz h3 a{color:var(--ink);text-decoration:none}
.biz h3 a:hover{text-decoration:underline}
.rank{display:inline-block;font-size:11.5px;font-weight:750;color:var(--accent);margin-right:8px;text-transform:uppercase;letter-spacing:.04em}
.biz .facts{grid-column:1;font-size:13.5px;color:var(--muted)}
.biz .pr{grid-column:2;grid-row:1/3;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}
.amt{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.amt small{font-size:12.5px;font-weight:600;color:var(--muted);margin:0 2px}
.diff{font-size:12px;font-weight:650;color:var(--muted);white-space:nowrap}
.diff.good{color:var(--good)} .diff.bad{color:var(--warn)}
.src{font-size:11.5px;color:var(--faint);display:inline-flex;align-items:center;gap:3px}
.src svg{width:12px;height:12px;color:var(--good)}
.src.unc{color:var(--warn)}
.pr .none{font-size:13px;color:var(--muted)}
.pr .cust{font-size:12px;color:var(--warn)}
.biz .trustline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}
.tok{color:var(--good)} .tw{color:var(--warn)}
.biz .actions{display:flex;gap:4px 14px;flex-wrap:wrap;align-items:center;margin-top:4px}
.act{background:none;border:0;padding:0;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;text-decoration:none}
.act:hover{color:var(--accent);text-decoration:underline}
.act.sharelink{margin-left:auto;color:var(--accent)}
.biz .more-info{display:none;margin-top:8px;padding:12px;border-radius:var(--r);background:var(--bg);font-size:13.5px}
.biz[data-open] .more-info{display:grid;gap:10px}
.more-info ul{list-style:none;margin:0;padding:0}
.more-info li{display:flex;gap:8px;align-items:flex-start;padding:2px 0}
.more-info .others{display:flex;gap:6px;flex-wrap:wrap}
.more-info h4{margin:0 0 2px;font-size:12.5px;color:var(--muted)}
.quote{display:block;width:100%;font-style:italic;color:var(--muted);font-size:12.5px;margin:2px 0}
.firmlink{font-weight:600;font-size:13.5px}
.claim-line{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line);font-size:13.5px}
.divider{font-size:12.5px;color:var(--muted);padding:10px 16px;font-weight:600;background:var(--bg);border-bottom:1px solid var(--line)}
.more{display:block;width:100%;padding:12px;border:0;border-top:1px solid var(--line);border-radius:0}
.nohits{padding:26px 18px;text-align:center;color:var(--muted)}
.price-pin{background:var(--pin);color:#fff;font:700 12px/1 system-ui,sans-serif;padding:4px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.3);transform:translate(-50%,-50%);display:inline-block}
.price-pin.u{background:#fff;color:#16191c;border:1.5px solid var(--warn)}
.leaflet-popup-content{font:14px/1.4 system-ui,sans-serif}
.static{columns:2;font-size:13px;color:var(--muted);padding-left:18px}

/* Reminder, overview, CTA, firm list */
.remind{margin-top:12px;padding:14px 16px}
.remind-text{font-size:15px;margin-bottom:10px}
.remind-fields{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:760px){.remind-fields{grid-template-columns:1.3fr .8fr 1.3fr auto}}
#remind-open{margin-top:14px;white-space:normal;text-align:left;border:0;background:none;padding:0;color:var(--accent);font-weight:600}
#remind-open svg{display:none}
.about{max-width:760px;color:var(--muted);font-size:15px}
.about p{margin:0}
.overview h2{margin-bottom:8px}
.tablewrap{padding:0 14px;overflow-x:auto}
.tablewrap table{width:100%;border-collapse:collapse;font-size:14.5px}
.tablewrap th,.tablewrap td{padding:9px 8px 9px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.tablewrap thead th{font-size:12.5px;color:var(--muted);font-weight:600;border-top:0}
.tablewrap td.num{white-space:nowrap;font-weight:700}
.tablewrap .quote{margin-top:3px}
.sharecta{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:18px 20px;border-left:3px solid var(--accent)}
.sharecta h2{margin:0 0 4px}
.sharecta .sub{margin:0;max-width:560px}
.sharecta-btns{display:flex;gap:8px;flex-wrap:wrap}
.allfirms{margin:24px 0}
.allfirms summary{cursor:pointer;font-weight:600}
.firmlinks{columns:2 240px;font-size:14px;padding-left:18px;margin-top:10px}
.firmlinks li{margin:2px 0;break-inside:avoid}
.missing{margin-top:12px;font-size:14px;color:var(--muted)}

/* Firm page */
.firmpage .tablewrap td.num{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.band .actions,.firmpage .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.firm-cta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.trustlist{list-style:none;padding:0;margin:0 0 8px}
.trustlist li{padding:4px 0 4px 22px;position:relative}
.trustlist li::before{content:"✓";position:absolute;left:2px;color:var(--good);font-weight:700}
.trustlist li.warn::before{content:"!";color:var(--warn)}
.trustlist li.info::before{content:"i";color:var(--faint)}
.firmpage .card{padding:4px 14px}
.firmpage .card.empty{padding:16px}
ul.plain{padding-left:18px}

/* Prose pages, registration */
.prose{max-width:740px;padding-bottom:10px}
.prose h1{margin-top:26px}
.prose h2{margin-top:26px}
.prose li{margin:6px 0}
.steps{list-style:decimal;padding-left:20px;color:var(--muted);margin:14px 0}
.steps li{margin:3px 0}
.regform{max-width:720px}
.regform .found{padding:12px 14px;margin:12px 0;border-left:3px solid var(--accent)}
.regform .found b{font-size:17px}
.reglist{list-style:none;padding:0;margin:8px 0;border-top:1px solid var(--line)}
.reglist li{border-bottom:1px solid var(--line);padding:9px 2px;cursor:pointer}
.reglist li:hover b{text-decoration:underline}
.reglist small{color:var(--muted)}
.morejobs{margin-top:8px}
.morejobs summary{cursor:pointer;font-weight:600;color:var(--accent);padding:8px 0}
.c-h{font-size:15px;margin:16px 0 6px}
.cp-row{display:grid;grid-template-columns:1fr;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.cp-row>label:first-child{margin:0;font-weight:600;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.cp-row small{color:var(--muted);font-weight:400}
.cp-row .cp-now{color:var(--warn)}
.cp-row .check{margin:0;align-items:center}
@media(min-width:620px){.cp-row{grid-template-columns:1.5fr .8fr auto 1.6fr;align-items:center}}

/* Dialogs */
dialog.vpdlg{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px 18px;color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.25)}
dialog.vpdlg::backdrop{background:rgba(10,12,14,.5)}
dialog.vpdlg h2{margin:2px 0 10px;font-size:20px;padding-right:30px}
dialog.vpdlg label{display:block;margin:12px 0 5px}
dialog.vpdlg .radios label,dialog.vpdlg .check{display:flex;margin:0}
dialog.vpdlg .big{font-size:22px;font-weight:800;margin:6px 0 4px}
dialog.vpdlg .big.good{color:var(--good)} dialog.vpdlg .big.bad{color:var(--warn)}
.c-x{position:absolute;top:8px;right:10px;border:0;background:none;color:var(--muted);font-size:26px;line-height:1;cursor:pointer;padding:4px 8px}
.seg2{display:flex;gap:0;margin:14px 0 2px;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden}
.seg2 button{flex:1;padding:9px 10px;border:0;background:var(--card);color:var(--muted);font:inherit;font-weight:600;cursor:pointer}
.seg2 button+button{border-left:1px solid var(--line-strong)}
.seg2 button[aria-pressed=true]{background:var(--ink);color:var(--card)}
.pricein{position:relative}
.pricein input{font-size:24px;font-weight:800;padding:11px 70px 11px 12px}
.pricein span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600}
.scan{display:flex!important;gap:8px;align-items:center;font-weight:500;font-size:14px;color:var(--accent);cursor:pointer;margin:12px 0!important}
.scale{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--good-soft),var(--warn-soft),var(--bad-soft));margin:14px 0 6px}
.scale i{position:absolute;top:-6px;width:3px;height:18px;border-radius:1px;background:var(--ink)}
.scale b{position:absolute;top:-3px;width:2px;height:12px;background:var(--muted)}
.scale-l{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.extras{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
.extras summary{cursor:pointer;font-weight:650}
.thanks{margin-top:14px}

/* Footer */
footer{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--muted);font-size:13px;background:var(--card);margin-top:20px}
footer p{max-width:860px}
.flinks a{margin-right:2px}

.pop.card{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0}
.biz .facts .tok,.biz .facts .tw{white-space:nowrap}
.biz .facts .badge{margin-left:8px}

.finder .br{display:none}
@media(max-width:560px){.finder .br{display:block}}

/* Thicker borders */
:root{--bw:2px}
.card,.results,#map,.tablewrap,dialog.vpdlg{border-width:var(--bw)}
input,select,textarea,.ghost,.chip,.seg2,.radios label,.tabs,.tag{border-width:var(--bw)}
.tabs a{border-left-width:var(--bw)}
.seg2 button+button{border-left-width:var(--bw)}
header.top,footer{border-width:0;border-bottom:var(--bw) solid var(--line)}
footer{border-bottom:0;border-top:var(--bw) solid var(--line)}
.biz,.pop,.city,.reglist li,.cp-row,.tablewrap th,.tablewrap td,.divider{border-color:var(--line-strong)}
.pops,.cities,.reglist{border-top:var(--bw) solid var(--line-strong)}
.stats,.qjs{border-top-width:3px;border-bottom:var(--bw) solid var(--line-strong)}
.biz.top{box-shadow:inset 4px 0 0 var(--accent)}
.sharecta,.regform .found{border-left-width:4px}
.regcta{border-top:var(--bw) solid var(--line-strong)}

/* Prices more dominant */
.amt{font-size:30px;font-weight:850;letter-spacing:-.03em;line-height:1}
.amt small{font-size:13px;font-weight:600;margin-left:3px}
.biz .pr{gap:3px;min-width:110px}
.biz .diff{font-size:12.5px}
.biz.top .amt{color:var(--accent)}
.stat b{font-size:clamp(28px,4vw,42px);font-weight:850;letter-spacing:-.035em}
.stat b small{font-size:14px}
.qj b{font-size:clamp(24px,3vw,30px);font-weight:850;letter-spacing:-.03em}
.pop b{font-size:24px;font-weight:850;letter-spacing:-.03em}
.firmpage .tablewrap td.num{font-size:24px;font-weight:850;letter-spacing:-.03em}
.tablewrap td.num{font-size:17px;font-weight:800}
.price-pin{font-size:13px;padding:5px 7px;font-weight:800}
@media(max-width:560px){.amt{font-size:26px}.pop b{font-size:21px}}

/* "De billigste" lists and FAQ */
.cheaps{display:grid;grid-template-columns:1fr;gap:10px 32px}
@media(min-width:640px){.cheaps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:980px){.cheaps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cheap h2{font-size:17px;margin:0 0 6px}
.cheap ol{margin:0;padding:0;list-style:none;counter-reset:c;border-top:var(--bw,2px) solid var(--ink)}
.cheap li{counter-increment:c;display:grid;grid-template-columns:22px 1fr auto;gap:0 8px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line-strong)}
.cheap li::before{content:counter(c);font-weight:800;color:var(--muted);font-size:13px}
.cheap li a{color:var(--ink);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cheap li a:hover{text-decoration:underline}
.cheap li .area{display:none}
.cheap li b{font-size:18px;font-weight:850;letter-spacing:-.02em;white-space:nowrap}
.cheap li:first-child b{color:var(--accent)}
.seeall{display:inline-block;margin-top:8px;font-size:14px;font-weight:600}
.faq{max-width:760px}
.faq details{border-bottom:1px solid var(--line-strong);padding:10px 0}
.faq details:first-of-type{border-top:var(--bw,2px) solid var(--ink)}
.faq summary{cursor:pointer;font-weight:650}
.faq p{margin:8px 0 2px;color:var(--muted)}

.cheap{min-width:0}.cheap li a{min-width:0}
.cheaps.one{grid-template-columns:minmax(0,560px)!important}
.citylinks{line-height:2}
.spacer{height:8px}
.badgebox{margin-top:18px;border-top:1px solid var(--line-strong);padding-top:10px}
.badgebox summary{cursor:pointer;font-weight:600;font-size:14px}
.badgebox textarea{font:12.5px/1.4 ui-monospace,monospace;color:var(--muted)}
.checklink{margin:14px 0 0;font-size:15px;color:var(--muted)}
.checkform{padding:16px;display:grid;gap:12px;max-width:760px}
.verdict{padding:18px;max-width:760px}
.verdict .big{font-size:26px;font-weight:850;letter-spacing:-.02em;margin:0 0 6px}
.verdict .big.good{color:var(--good)} .verdict .big.bad{color:var(--bad)}
.verdict h3{font-size:15px;margin:16px 0 4px}
.ckcheap{margin:0;padding-left:20px}
.ckcheap li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--line)}
.ckcheap b{font-weight:800}

/* Header: "Sjekk prisen" + hamburger menu */
header.top .brand{order:-3}
.hcheck{order:-2;padding:7px 12px;font-size:14px}
.menu{order:-1;position:relative}
.menu summary{list-style:none;cursor:pointer;width:40px;height:36px;display:grid;place-content:center;gap:4px;border:var(--bw,2px) solid var(--line-strong);border-radius:var(--r);background:var(--card)}
.menu summary::-webkit-details-marker{display:none}
.menu summary span{display:block;width:18px;height:2px;background:var(--ink);border-radius:1px;transition:transform .15s,opacity .15s}
.menu[open] summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu[open] summary span:nth-child(2){opacity:0}
.menu[open] summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - 24px));background:var(--card);border:var(--bw,2px) solid var(--ink);border-radius:var(--r);padding:14px;z-index:50;box-shadow:0 12px 30px rgba(0,0,0,.18);max-height:calc(100dvh - 80px);overflow:auto}
.menu-panel p{margin:14px 0 4px;font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.mcheck{display:block;padding:12px;border-radius:var(--r);background:var(--accent);color:var(--accent-ink);text-decoration:none}
.mcheck b{display:block;font-size:16px}
.mcheck span{font-size:13.5px;opacity:.9}
.mgo{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}
.mgo p{grid-column:1/-1;margin-top:14px}
.mgo select{padding:7px 26px 7px 8px;font-size:14px}
.mgo .btn{padding:7px 12px}
.mlinks{display:flex;flex-direction:column}
.mlinks a{padding:6px 0;color:var(--ink);text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.mlinks a:hover{color:var(--accent)}
@media(max-width:640px){.switch{order:1}.hcheck{padding:6px 10px;font-size:13.5px}}

/* Prominent price check */
.checkbar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:18px;padding:14px 16px;border:var(--bw,2px) solid var(--ink);border-left:6px solid var(--accent);border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none;max-width:860px}
.checkbar b{font-size:17px;margin-right:4px}
.checkbar span:first-child{color:var(--muted);font-size:15px}
.checkbar span:first-child b{color:var(--ink)}
.checkbar .btn{flex:none;padding:10px 18px;font-size:16px}
.checkbar:hover{border-color:var(--accent)}
.checkbar:hover .btn{background:var(--accent-hover)}
@media(max-width:560px){.checkbar .btn{width:100%}}

/* Share buttons */
.sharebar{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-strong)}
.sharelabel{margin:0 0 8px;font-weight:700;font-size:14px}
.sharebtns{display:flex;flex-wrap:wrap;gap:6px}
.sb{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:var(--bw,2px) solid var(--line-strong);border-radius:var(--r);background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer}
.sb svg{width:17px;height:17px;flex:none}
.sb:hover{border-color:var(--ink)}
.contrib{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}
@media(min-width:641px){.switch{order:-2}.hcheck{order:-1}.menu{order:0}}

/* "Sjekk prisen" is secondary to "Finn priser" */
.hcheck{padding:6px 11px;font-size:13.5px;font-weight:600}
.checkbar{margin-top:14px;padding:9px 12px;border:1px solid var(--line-strong);border-left:3px solid var(--accent);font-size:14px;max-width:560px}
.checkbar b{font-size:14.5px}
.checkbar span:first-child{font-size:14px}
.checkbar .cbtn{font-weight:650;color:var(--accent);font-size:14px;white-space:nowrap}
.checkbar:hover{border-color:var(--accent)}
.mgo p{margin-top:0}
.mcheck{background:none;color:var(--accent);padding:10px 0 2px;font-weight:600;font-size:14px;border-bottom:1px solid var(--line)}
@media(max-width:560px){.checkbar{flex-wrap:nowrap}}

/* Home: cheapest vs typical */
.deals{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:620px){.deals{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.deals{grid-template-columns:repeat(4,1fr)}}
.deal{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border:2px solid var(--line-strong);border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none}
.deal:hover{border-color:var(--accent)}
.deal .dj{font-size:17px;font-weight:750;letter-spacing:-.01em;line-height:1.2}
.deal .dw{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}
.deal .dw svg.i{color:var(--accent);width:14px;height:14px}
.deal .dp{display:flex;align-items:center;gap:7px;margin-top:6px}
.deal .dp b{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
.deal .dp small{font-size:14px;color:var(--muted)}
.deal .dp svg.i{color:var(--accent);width:20px;height:20px}
.deal .ds{font-size:13.5px;font-weight:600}
.deal .dt{font-size:12.5px;color:var(--muted)}
.deal .dt i{font-style:normal;color:#1d7a3e;font-weight:650}
@media(prefers-color-scheme:dark){.deal .dt i{color:#5cc98a}}
.finder select.need{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
#trade:invalid{color:var(--muted)}
/* Menu: register highlighted */
.mreg{display:flex;flex-direction:column;gap:2px;margin:4px 0 6px;padding:10px 12px;border:2px solid var(--accent);border-radius:var(--r);background:var(--accent-soft);color:var(--ink);text-decoration:none}
.mreg b{color:var(--accent)}
.mreg span{font-size:13px;color:var(--muted)}
.mreg:hover{background:var(--accent);}.mreg:hover b,.mreg:hover span{color:var(--accent-ink)}
.coffee{font-size:13.5px;color:var(--muted)}
.deal .dt i{white-space:nowrap}

/* Avatar and trade icon are only used by the fintech layer */
.av,.dav{display:none}

/* Hele Norge: all places as a select under the city cards, and per-county lists on the national pages */
.allplaces{margin-top:16px;font-size:16px}
.allplaces label{font-size:16px}
.allplaces select{font-size:16px;max-width:100%}
.fylker details{border-top:1px solid var(--line, #ddd);padding:8px 0}
.fylker summary{cursor:pointer;font-weight:650}
.fylker .citylinks{margin:8px 0 4px}

/* Om-siden: hvem står bak */
.team{display:flex;flex-wrap:wrap;gap:24px;margin:12px 0 18px}
.person{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;width:150px}
.person .photo,.person img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.person .photo{display:grid;place-items:center;border:2px dashed var(--line-strong);background:var(--card);color:var(--muted);font-size:32px;font-weight:800;letter-spacing:1px}
.person figcaption{margin-top:10px;display:flex;flex-direction:column;gap:2px}
.person figcaption span{color:var(--muted);font-size:14px}

/* Logo: icon in front of the name on every page */
.brand{display:inline-flex;align-items:center}
.brand::before{content:"";width:1.05em;height:1.05em;flex:none;margin-right:.3em;background:url(/logo/ikon.svg) center/contain no-repeat}
@media (max-width:600px){.cities .card.city:nth-child(n+9){display:none}}