/* W2 human.css: redaksjonell, håndtegnet finish på artikkelsidene. Palett fra tokens.css (ingen nye farger). Kilder: media/inspo/motion/w2-human/NOTES.md.
   Alt er posisjonert absolutt eller bruker transform/opacity: ingen CLS. Uten JS ser siden ut som før. */
.hm-pen{position:absolute;pointer-events:none;overflow:visible;z-index:1}
.hm-pen path{fill:none;stroke:var(--oransje,var(--lean-600));stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.hm-pen path.b{stroke-width:1;opacity:.45}
.hm-pen path.a{stroke-width:2}
.hm-pen.u{left:-3px;width:calc(100% + 8px);height:8px;bottom:-5px}
.hm-pen.o{left:-5px;top:-4px;width:calc(100% + 10px);height:calc(100% + 8px)}
.hm-rule>.hm-pen.u{width:calc(var(--hm-tw,100%) + 4px);left:-2px;bottom:-5px}
.hm-pen.cm{width:14px;height:14px}
.hm-pen.ink path{stroke:var(--dempet,var(--muted-paper))}
.hm-drawn .hm-pen path,.hm-static .hm-pen path{stroke-dashoffset:0}
.hm-anim .hm-pen path{transition:stroke-dashoffset var(--hm-dur,520ms) cubic-bezier(.45,.05,.2,1) var(--hm-delay,0ms)}
.hm-anim .hm-pen path.b{transition-duration:calc(var(--hm-dur,520ms) + 120ms);transition-delay:calc(var(--hm-delay,0ms) + 90ms)}
.tabell th,.tabell td{position:relative}
.tabell thead th{border-bottom-color:transparent}
.table-scroll,.kort,figure,.hm-rel{position:relative}
figure>.hm-pen.cm{pointer-events:none}
h2.hm-rel,p.mono.hm-rel{position:relative}
p.mono.hm-rel{width:fit-content;margin-inline:auto}
h2.hm-rel .hm-pen.u{width:var(--hm-w,34%);height:8px;bottom:-6px;left:var(--hm-x,0)}
/* papirfiber: statisk korn bak tabeller og kort (SVG feTurbulence som bakgrunn, ingen animert filter; CSS-Tricks grainy-gradients) */
.table-scroll::before,.kort::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.07;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .1 0 0 0 0 .13 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* rolig avsløring med variasjon: stigende, fra venstre (fart = horisontal), og tabellviskning. Skjult bare under folden, bare med JS. */
.hm-pre{opacity:0;transform:translate3d(var(--hx,0),var(--hy,12px),0)}
.hm-pre.hm-wipe{opacity:1;transform:none;clip-path:inset(0 100% 0 0)}
.hm-anim .hm-go{transition:opacity var(--hm-t,380ms) var(--ease-out) var(--hm-delay,0ms),transform var(--hm-t,380ms) var(--ease-out) var(--hm-delay,0ms),clip-path 520ms cubic-bezier(.65,0,.25,1) var(--hm-delay,0ms)}
.hm-go{opacity:1;transform:none;clip-path:inset(0 -12px -12px -12px)}
@media (prefers-reduced-motion:reduce){.hm-pre{opacity:1!important;transform:none!important;clip-path:none!important}.hm-pen path{transition:none!important;stroke-dashoffset:0!important}}
@media print{.hm-pre{opacity:1!important;transform:none!important;clip-path:none!important}.hm-pen path{stroke-dashoffset:0!important}}
@media (prefers-contrast:more){.table-scroll::before,.kort::before{display:none}}