/* Onboarding-omvisning: vises ved foerste innlogging, kan spilles av igjen. */
#ob-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;
  background:rgba(20,34,46,.55);padding:18px}
#ob-overlay[hidden]{display:none}
.ob-box{background:var(--sk-card);border-radius:var(--sk-radius-card);box-shadow:0 20px 60px rgba(15,30,45,.35);
  width:100%;max-width:560px;overflow:hidden;display:flex;flex-direction:column;max-height:94vh}
.ob-media{position:relative;aspect-ratio:16/9;background:linear-gradient(160deg,#31414f,#22303c);
  display:grid;place-items:center;overflow:hidden}
.ob-media svg,.ob-media video{width:100%;height:100%;display:block;object-fit:cover}
.ob-media .ob-play{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.94);
  display:grid;place-items:center;box-shadow:0 4px 18px rgba(0,0,0,.3);position:absolute}
.ob-media .ob-play span{width:0;height:0;border-left:22px solid var(--sk-accent);
  border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
.ob-media .ob-soon{position:absolute;right:12px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;
  font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:6px}
.ob-body{padding:24px 26px 6px}
.ob-kicker{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--sk-accent)}
.ob-body h2{margin:6px 0 8px;font-size:1.55rem;letter-spacing:-.01em;color:var(--sk-ink)}
.ob-body p{margin:0;font-size:1.08rem;line-height:1.55;color:var(--sk-ink)}
.ob-body .ob-tip{margin:12px 0 0;font-size:.95rem;color:var(--sk-muted)}
.ob-body .ob-tip a{color:var(--sk-accent);font-weight:700}
.ob-foot{display:flex;align-items:center;gap:14px;padding:16px 26px 22px}
.ob-dots{display:flex;gap:8px}
.ob-dots i{width:9px;height:9px;border-radius:50%;background:var(--sk-line);display:block;transition:background .15s}
.ob-dots i.on{background:var(--sk-accent)}
.ob-foot .ob-spacer{flex:1}
.ob-skip{all:unset;cursor:pointer;color:var(--sk-muted);font-weight:700;font-size:.95rem;padding:8px 6px}
.ob-skip:hover{color:var(--sk-ink)}
.ob-back{all:unset;cursor:pointer;color:var(--sk-muted);font-weight:700;font-size:1rem;padding:10px 12px}
.ob-back:hover{color:var(--sk-ink)}
.ob-next{background:var(--sk-accent);color:#fff;border:0;border-radius:var(--sk-radius-control);
  font-weight:800;font-size:1.05rem;padding:12px 22px;cursor:pointer}
.ob-next:hover{background:var(--sk-accent-d)}
@media(max-width:520px){.ob-body h2{font-size:1.35rem}.ob-body p{font-size:1rem}
  .ob-foot{flex-wrap:wrap}.ob-foot .ob-spacer{flex-basis:100%;order:-1;height:0}}