/* ---------- Inntektsjekk ---------- */
.ij-shell{max-width:820px;margin:0 auto}
.ij-card{
  position:relative;border-radius:26px;background:var(--cream-light);overflow:hidden;
  border:1px solid rgba(97,112,64,.25);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 26px 60px -28px rgba(72,84,47,.38);
  padding:clamp(24px,3.6vw,46px);
}
.ij-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.ij-brand{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage);font-weight:500}
.ij-step{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-soft)}
.ij-bar{height:3px;border-radius:99px;background:rgba(97,112,64,.16);overflow:hidden;margin-bottom:clamp(22px,3vw,34px)}
.ij-bar i{display:block;height:100%;width:0;background:var(--sage);border-radius:99px;transition:width .45s var(--ease-out)}
.ij-steg{display:none}
.ij-steg.on{display:block;animation:ijIn .45s var(--ease-out)}
.ij-steg [tabindex="-1"]:focus{outline:none}
@keyframes ijIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ij-steg.on{animation:none}}
.ij-intro-mark{
  position:absolute;right:-2%;top:34%;transform:translateY(-50%);
  height:clamp(320px,52vw,480px);width:auto;opacity:.13;mix-blend-mode:multiply;
  pointer-events:none;user-select:none;z-index:0;
}
#steg-0{position:relative}
#steg-0>*:not(.ij-intro-mark){position:relative;z-index:1}
#steg-0 h1,#steg-0 .ij-lede,#steg-0 .ij-tid{max-width:min(100%,34ch)}
@media(max-width:700px){
  .ij-intro-mark{height:290px;opacity:.09;right:-14%;top:38%}
  #steg-0 h1,#steg-0 .ij-lede,#steg-0 .ij-tid{max-width:100%}
}
.ij-steg h1,.ij-steg h2.ij-q{font-size:clamp(23px,2.9vw,32px);margin-bottom:12px;letter-spacing:-.015em}
.ij-lede{color:var(--ink-mid);font-size:15.5px;line-height:1.75;max-width:54ch;margin-bottom:8px}
.ij-tid{font-size:13px;color:var(--ink-soft);margin-bottom:24px}
.ij-opts{display:flex;flex-direction:column;gap:9px;margin:20px 0 26px;border:none;padding:0}
.ij-opts legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ij-opt{position:relative;display:block}
.ij-opt input{position:absolute;opacity:0;width:1px;height:1px}
.ij-opt span{
  display:block;padding:13px 18px;border-radius:14px;font-size:14.5px;color:var(--ink);
  background:rgba(229,217,195,.5);border:1px solid rgba(42,42,42,.12);cursor:pointer;
  transition:background .25s,border-color .25s,box-shadow .25s;
}
.ij-opt span:hover{background:rgba(240,235,224,.95);border-color:rgba(97,112,64,.4)}
.ij-opt input:checked+span{
  background:var(--sage-mist);border-color:var(--sage);font-weight:600;
  box-shadow:0 0 0 1px var(--sage) inset;
}
.ij-opt input:focus-visible+span{outline:2px solid var(--sage);outline-offset:2px}
.ij-nav{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ij-back{
  background:none;border:none;cursor:pointer;font-family:var(--font-body);
  font-size:14px;color:var(--ink-mid);display:inline-flex;align-items:center;gap:7px;
  padding:10px 6px;border-radius:10px;transition:color .25s;
}
.ij-back:hover{color:var(--sage)}
.ij-back:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
.ij-back[disabled]{visibility:hidden}
.ij-next[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.ij-skip{font-size:13px;color:var(--ink-soft);background:none;border:none;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;padding:8px;border-radius:8px}
.ij-skip:hover{color:var(--sage)}
.ij-skip:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
/* resultat */
.ij-res-num{
  font-family:var(--font-display);font-size:clamp(34px,5.4vw,54px);font-weight:700;
  letter-spacing:-.02em;color:var(--sage);margin:6px 0 14px;font-variant-numeric:tabular-nums;
}
.ij-disclaimer{
  font-size:13px;color:var(--ink-soft);line-height:1.65;max-width:56ch;
  border-left:2px solid rgba(97,112,64,.35);padding-left:14px;margin-bottom:30px;
}
.ij-leak{margin:26px 0 6px;padding:22px 24px;border-radius:18px;background:var(--sage-mist);
  border:1px solid rgba(97,112,64,.3)}
.ij-leak h3{font-family:var(--font-body);font-size:16.5px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}
.ij-leak p{font-size:14px;color:var(--ink-mid);line-height:1.7}
.ij-leak2{font-size:13.5px;color:var(--ink-mid);margin:14px 2px 0}
.ij-leak2 b{color:var(--ink)}
.ij-how{margin-top:26px}
.ij-how summary{
  list-style:none;display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font-size:14px;font-weight:600;color:var(--sage);padding:6px 2px;border-radius:8px;user-select:none;
}
.ij-how summary::-webkit-details-marker{display:none}
.ij-how summary:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
.ij-how .chev{transition:transform .3s var(--ease-out)}
.ij-how[open] .chev{transform:rotate(180deg)}
.ij-how-body{font-size:14px;color:var(--ink-mid);line-height:1.75;max-width:58ch;padding:12px 2px 2px}
.ij-calc{margin-top:12px;border-radius:14px;background:rgba(229,217,195,.5);
  border:1px solid rgba(42,42,42,.1);padding:16px 18px;font-size:13.5px;line-height:1.8}
.ij-calc b{font-variant-numeric:tabular-nums}
.ij-calc .sum{border-top:1px solid rgba(42,42,42,.14);margin-top:8px;padding-top:8px}
.ij-cta{margin-top:34px;padding-top:30px;border-top:1px solid rgba(42,42,42,.1)}
.ij-cta h2{font-size:clamp(21px,2.4vw,27px);margin-bottom:10px}
.ij-cta>p{font-size:14.5px;color:var(--ink-mid);line-height:1.7;max-width:54ch;margin-bottom:20px}
.ij-cta-row{display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center}
.ij-alt{font-size:14px;color:var(--ink-mid);text-decoration:none;border-bottom:1px solid rgba(42,42,42,.25);
  padding-bottom:3px;transition:color .3s,border-color .3s}
.ij-alt:hover{color:var(--sage);border-color:var(--sage)}
.ij-restart{margin-top:26px;font-size:13px}
.ij-restart button{background:none;border:none;cursor:pointer;color:var(--ink-soft);
  font-family:var(--font-body);font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:6px;border-radius:8px}
.ij-restart button:hover{color:var(--sage)}
.ij-err{display:none;margin:14px 0;font-size:14px;color:#8a4b2f}
.ij-err.on{display:block}
/* ---------- prat-modal ---------- */
.prat-ov{
  position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(42,42,42,.45);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .28s ease;
}
.prat-ov[hidden]{display:none}
.prat-ov.on{opacity:1}
.prat-box{
  position:relative;width:min(420px,100%);border-radius:24px;padding:30px 30px 26px;
  background:var(--cream-light);border:1px solid rgba(97,112,64,.28);
  box-shadow:0 30px 70px -30px rgba(42,42,42,.6);
  transform:translateY(10px) scale(.98);transition:transform .32s var(--ease-spring);
}
.prat-ov.on .prat-box{transform:none}
.prat-box h2{font-size:22px;margin-bottom:8px}
.prat-box>p{font-size:14px;color:var(--ink-mid);margin-bottom:20px;line-height:1.65}
.prat-close{
  position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;
  background:none;border:1px solid rgba(42,42,42,.18);color:var(--ink-mid);
  cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;
  transition:background .25s,color .25s;
}
.prat-close:hover{background:rgba(42,42,42,.07);color:var(--ink)}
.prat-row{
  display:flex;align-items:center;gap:12px;padding:13px 16px;margin-bottom:9px;
  border-radius:14px;background:rgba(229,217,195,.5);border:1px solid rgba(42,42,42,.1);
  color:var(--ink);text-decoration:none;font-size:14.5px;
  transition:background .25s,border-color .25s,transform .25s var(--ease-spring);
}
.prat-row:hover{background:var(--cream-light);border-color:rgba(97,112,64,.4);transform:translateY(-1px)}
.prat-row svg{flex:none;color:var(--sage)}
.prat-row.prat-cta{background:var(--sage);border-color:var(--sage);color:var(--cream-light);font-weight:600;margin-top:4px}
.prat-row.prat-cta svg{color:var(--cream-light)}
.prat-row.prat-cta:hover{background:var(--sage-deep)}
.ij-promo .ij-promo-alt{margin:30px 0 0}
.ij-alt{font-size:14px;color:var(--ink-mid);text-decoration:none;
  border-bottom:1px solid rgba(42,42,42,.25);padding-bottom:3px;transition:color .3s,border-color .3s}
.ij-alt:hover{color:var(--sage);border-color:var(--sage)}
