:root{--bg:#f6f7fb;--fg:#17202e;--mut:#5a6578;--card:#fff;--acc:#1d4ed8;--acc2:#0f2a6b;--ok:#15803d;--bad:#b91c1c;--unk:#b45309;--line:#dfe3ec}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}
.hero{background:linear-gradient(135deg,var(--acc2),var(--acc));color:#fff;padding:48px 0 28px}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;opacity:.85;margin:0}
h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2em 0;line-height:1.1}.lead{max-width:680px;font-size:1.1rem}
.topnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.topnav a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);padding:6px 14px;border-radius:99px}.topnav a:hover,.topnav a:focus{background:rgba(255,255,255,.15)}
.disclaimer{background:#fff7e6;border:1px solid #f3d38b;border-radius:10px;padding:12px 16px;margin-top:20px}
section{margin:32px auto}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
h2{margin-top:0;color:var(--acc2)}
.flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;counter-reset:s}
.flow button{width:100%;height:100%;text-align:left;background:#fff;border:2px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;font:inherit;position:relative}
.flow button:hover,.flow button:focus-visible{border-color:var(--acc)}.flow button[aria-pressed=true]{border-color:var(--acc);background:#eef3ff}
.flow .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--acc);color:#fff;font-weight:700;font-size:.9rem}
.flow .t{display:block;font-weight:650;margin-top:6px;line-height:1.25}.flow .h{display:block;color:var(--mut);font-size:.85rem;margin-top:4px}
.flow li:not(:last-child) button::after{content:"→";position:absolute;right:-12px;top:40%;color:var(--acc);font-weight:700}
.detail{margin-top:14px}.detail h3{margin-top:0}
.timeline{list-style:none;padding:0;border-left:3px solid var(--acc);margin-left:10px}
.timeline li{position:relative;padding:0 0 18px 22px}.timeline li::before{content:"";position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--acc)}
.timeline b{color:var(--acc2)}
.privacy{background:#ecfdf3;border:1px solid #a7e3bf;padding:10px 14px;border-radius:10px}
.drop{display:block;border:2px dashed #9aa7c2;border-radius:14px;padding:28px;text-align:center;cursor:pointer;background:#fafbff}.drop.over{background:#eef3ff;border-color:var(--acc)}
.drop input{display:block;margin:0 auto 10px}
button,.ghost{font:inherit}.ghost{background:none;border:1px solid var(--acc);color:var(--acc);padding:6px 14px;border-radius:8px;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
label{display:flex;flex-direction:column;font-size:.9rem;color:var(--mut);gap:4px}label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--fg)}
input,select,textarea{font:inherit;padding:8px;border:1px solid #b9c2d3;border-radius:8px;color:var(--fg);background:#fff}
input:focus,select:focus,button:focus-visible{outline:3px solid #93b4ff;outline-offset:1px}
pre{white-space:pre-wrap;max-height:300px;overflow:auto;background:#f3f4f8;padding:10px;font-size:.8rem}
.checklist{list-style:none;padding:0}.checklist li{display:grid;grid-template-columns:44px 1fr;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}
.tl{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:middle;margin:0 4px 0 10px}
.light{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700}
.ok{background:var(--ok)}.bad{background:var(--bad)}.unk{background:var(--unk)}
.checklist h4{margin:0}.checklist .why{margin:.3em 0}.checklist .todo{margin:0;color:var(--mut);font-size:.92rem}
.warn{background:#fff1f1;border:1px solid #f5b5b5;padding:10px 14px;border-radius:10px;margin-bottom:14px}
#calcOut .big{font-size:1.4rem;font-weight:700;color:var(--acc2)}.small{font-size:.85rem;color:var(--mut)}
footer{color:var(--mut);font-size:.9rem;padding-bottom:40px}
@media (max-width:600px){.flow li:not(:last-child) button::after{content:"↓";right:auto;left:50%;top:auto;bottom:-14px}.flow{gap:18px}}
/* minimal landing */
body.mini{background:#F3EFE6;color:#16140f}
.mini-wrap{max-width:560px;margin:0 auto;padding:40px 20px;text-align:center}
.logo{font-size:3.2rem;font-weight:800;letter-spacing:.06em;color:#0f2a4a;line-height:1}
.tag{margin:.3em 0 0;color:#0f2a4a;font-size:.9rem}
.mini-h{font-size:1.4rem;text-transform:uppercase;letter-spacing:.01em;margin:36px 0 24px;line-height:1.2}
.mini-main{display:flex;flex-direction:column;align-items:center;gap:8px}
.btn-primary,.btn-outline{display:block;width:100%;max-width:320px;padding:11px 16px;border-radius:9px;font-weight:600;font-size:.95rem;cursor:pointer;text-align:center}
.btn-primary{background:#16140f;color:#fff;border:1px solid #16140f}.btn-primary.drop{border-style:solid}
.btn-primary input{position:absolute;width:1px;height:1px;opacity:0}
.btn-outline{background:transparent;border:1px solid #16140f;color:#16140f}
.btn-primary:focus-within,.btn-outline:focus-visible{outline:3px solid #6b8bd6;outline-offset:2px}
.hint{color:#6b665c;font-size:.85rem;margin:8px 0 0}
.mini-links{margin-top:28px}.mini-links a{color:#6b665c;font-size:.9rem}
.mini-foot{color:#8a8478;font-size:.8rem;margin-top:24px}
.mini #status{font-size:.9rem;color:#4a463e;min-height:1.2em}
.mini #results{text-align:left;width:100%;max-width:760px;margin-top:20px}
.mini-wrap:has(#results:not([hidden])){max-width:820px}
.mini .checklist li{background:#fbf9f4}
.back{color:#fff}
/* palett: rettsblå + hvit, fargeblind-vennlig */
:root{--acc:#123a6b;--acc2:#0b2547;--ok:#1d5fa6;--bad:#a84300;--unk:#4b5563;--mut:#4a5568}
body.mini{background:#fff;color:#0b1f3a}
.logo,.tag{color:#123a6b}.mini-h{color:#0b1f3a}
.btn-primary{background:#123a6b;border-color:#123a6b}.btn-primary:hover{background:#0b2547}
.btn-outline{border-color:#123a6b;color:#123a6b}.btn-outline:hover{background:#eef3fa}
.hint,.mini-links a{color:#4a5568}.mini-foot{color:#5a6475}
.mini .checklist li{background:#fff}
.disclaimer{background:#eef3fa;border-color:#9fb6d6}
.warn{background:#fff4ec;border-color:#a84300}
.privacy{background:#eef3fa;border-color:#9fb6d6}
.checklist li.s-bad{border-left:6px solid var(--bad)}.checklist li.s-ok{border-left:6px solid var(--ok)}.checklist li.s-unk{border-left:6px dashed var(--unk)}
.light.unk{border-radius:6px}.light.bad{border-radius:4px;transform:rotate(45deg)}.light.bad>span{transform:rotate(-45deg)}
.legend span.lg{display:inline-flex;align-items:center;gap:4px;margin-right:14px;font-weight:600}
.light{font-size:1.1rem}
/* funn */
.verdict{padding:14px 16px;border-radius:10px;margin:8px 0 14px;text-align:left}
.v-warn{background:#fff4ec;border:2px solid #a84300;color:#3d1a00}.v-neutral{background:#eef3fa;border:1px solid #9fb6d6}
.fbox{border-radius:10px;padding:12px 16px;margin-bottom:12px;text-align:left}
.fa-box{border:2px solid #a84300;background:#fff}.fb-box{border:2px dashed #1d5fa6;background:#f7f9fc}
.fbox h3{margin:.2em 0 .5em;font-size:1.05rem}.fa-box h3{color:#8a3700}.fb-box h3{color:#123a6b}
.fbox ul{list-style:none;padding:0;margin:0}.fbox li{padding:8px 0;border-top:1px solid #e3e8f0;font-size:.93rem}
.fk{font-weight:700;font-size:.8rem;text-transform:uppercase}.fa .fk{color:#8a3700}.fb .fk{color:#123a6b}
.hj{color:#4a5568;font-size:.85rem}
blockquote{margin:6px 0 0;padding:6px 10px;border-left:3px solid #123a6b;background:#f3f6fb;font-size:.85rem;font-style:italic}
#pdfBtn{margin:10px auto 0}
.report{display:none}
@media print{
 @page{size:A4;margin:18mm 16mm}
 body *{visibility:hidden}body{background:#fff}
 .report,.report *{visibility:visible}
 .report{display:block;position:absolute;left:0;top:0;width:100%;color:#0b1f3a;font:10.5pt/1.45 Georgia,"Times New Roman",serif}
 main{display:none}
}
.report h1{font:700 17pt system-ui,sans-serif;color:#123a6b;border-bottom:3px solid #123a6b;padding-bottom:6px;margin:0 0 10px}
.report h2{font:700 12pt system-ui,sans-serif;color:#123a6b;margin:18px 0 6px;border-bottom:1px solid #9fb6d6;padding-bottom:3px;break-after:avoid}
.report table{border-collapse:collapse;width:100%;font-size:9.5pt}.report th,.report td{text-align:left;padding:4px 6px;border:1px solid #c9d4e4;vertical-align:top}
.report .r-tab tr:first-child th{background:#123a6b;color:#fff}.report .r-meta th{width:30%;background:#eef3fa}
.report .mono{font-family:ui-monospace,Consolas,monospace;font-size:8pt;word-break:break-all}
.report ol li{break-inside:avoid;margin-bottom:6px}.report p{margin:3px 0}.r-note{color:#3a4a60;font-size:9.5pt}
/* godkjent / ikke godkjent */
:root{--ok:#1b7f3b;--bad:#b00020;--unk:#6b5a00}
.light.ok{background:#1b7f3b}.light.bad{background:#b00020}.light.unk{background:#6b5a00}
.checklist li.s-ok{border-left:8px solid #1b7f3b;background:#f2faf4}.checklist li.s-bad{border-left:8px solid #b00020;background:#fdf1f3}.checklist li.s-unk{border-left:8px dashed #8a7400;background:#fffbe6}
.stag{display:inline-block;font-weight:700;font-size:.82rem;padding:2px 10px;border-radius:99px;margin:2px 0 4px;letter-spacing:.02em}
.st-ok{background:#1b7f3b;color:#fff}.st-bad{background:#b00020;color:#fff}.st-unk{background:#fff1a8;color:#3d3300;border:1px solid #8a7400}
.fa-box{border:2px solid #b00020;background:#fdf1f3}.fa-box h3,.fa .fk{color:#b00020}
.fb-box{border:2px dashed #8a7400;background:#fffbe6}.fb-box h3,.fb .fk{color:#5c4d00}
.v-warn{background:#fdf1f3;border:2px solid #b00020;color:#3a0010}
.report .r-status td{border:1px solid #d0d7e2}.report .rs-lab{width:24%;font:700 9.5pt system-ui,sans-serif;white-space:nowrap}
.report .rs-ok td:first-child{border-left:6px solid #1b7f3b;color:#1b7f3b;background:#f2faf4}
.report .rs-bad td:first-child{border-left:6px solid #b00020;color:#b00020;background:#fdf1f3}
.report .rs-unk td:first-child{border-left:6px dashed #8a7400;color:#5c4d00;background:#fffbe6}
.report .h-bad{color:#b00020;border-bottom-color:#b00020}.report .h-unk{color:#5c4d00;border-bottom-color:#8a7400}
.report .r-bad{border-left:5px solid #b00020;padding-left:8px}.report .r-unk{border-left:5px dashed #8a7400;padding-left:8px}
.report{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.intro{margin:18px 0 6px;width:100%;max-width:560px}.intro video{width:100%;height:auto;border-radius:10px;border:1px solid #c9d4e4;background:#123a6b}.intro figcaption{font-size:.82rem;color:#4a5568;margin-top:4px}
.lovlig{border-left:8px solid #123a6b}.big-note{font-size:1.15rem;background:#eef3fa;border:1px solid #9fb6d6;padding:12px 16px;border-radius:10px}.lovlig li{margin-bottom:8px}
.hint.lf{color:#0b1f3a}.hint.lf a{color:#123a6b;font-weight:600}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vs ul{padding-left:20px;margin:0}.vs li{margin-bottom:6px}
.vs-ok{border:2px solid #1b7f3b;border-left-width:8px;background:#f2faf4;border-radius:10px;padding:12px 16px}.vs-ok h3,.vs-ok>strong{color:#1b7f3b}
.vs-bad{border:2px solid #b00020;border-left-width:8px;background:#fdf1f3;border-radius:10px;padding:12px 16px}.vs-bad h3,.vs-bad>strong{color:#b00020}
.mini-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:560px;text-align:left;font-size:.82rem;margin-top:12px;line-height:1.4}.mini-vs>div{padding:8px 12px}
@media(max-width:640px){.vs,.mini-vs{grid-template-columns:1fr}}
a.lov{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}