/* KRN-1137 runde 1: B+C «Papir på asfalt» for undersidene (FAQ, How it works). Kilde: tools/site/bc.src.css, bygges med tools/site/build-bc-css.py.
   Tokens = revamp/bc/css/tokens.css (DESIGN.md). Lastes ETTER tokens.css/pages.css/how.css: gamle Regn-navn (--film, --paper, --lean-*) peker på B+C-verdier. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700 900;font-display:swap;src:url(fonts/bc/barlow-condensed-latin.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 800;font-display:swap;src:url(fonts/bc/fraunces-latin.woff2) format("woff2")}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/bc/caveat-latin.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed Fallback";src:local("Arial Narrow Bold"),local("ArialNarrow-Bold"),local("Arial Narrow");font-weight:700 900;size-adjust:98%;ascent-override:100%;descent-override:20%;line-gap-override:0%}
@font-face{font-family:"Fraunces Fallback";src:local("Georgia");font-weight:300 800;size-adjust:85.3%}
@font-face{font-family:"Caveat Fallback";src:local("Bradley Hand"),local("BradleyHandITCTT-Bold"),local("Segoe Print");font-weight:500 700;size-adjust:79.5%}
:root{
  --tex-grain-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' preserveAspectRatio='xMidYMid slice'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.14 0 0 0 0 0.11 0 0 0 0 0.07 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --tex-fibre-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320' preserveAspectRatio='xMidYMid slice'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05 .8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.22 0 0 0 0 0.12 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --tex-tone-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900' preserveAspectRatio='xMidYMid slice'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.32 0 0 0 0 0.15 0 0 0 .17 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --tex-grain-asphalt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' preserveAspectRatio='xMidYMid slice'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.94 0 0 0 0 0.9 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --tex-aggregate-asphalt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260' preserveAspectRatio='xMidYMid slice'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.33' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.94 0 0 0 0 0.9 0 0 0 1.4 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 .07'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --mask-torn-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 28' preserveAspectRatio='none'%3E%3Cpath d='M0,7.7 L11.4,11.9 L24.5,10.1 L32.8,9 L44,8.8 L55.5,8 L64.1,9.5 L77.1,6.3 L88.8,4 L100.8,7.8 L107.6,5.2 L119.8,8.7 L129.5,6.8 L144.9,10.9 L155.2,8.7 L162.3,6.9 L178.9,8.3 L189.8,9.3 L198.9,12.5 L209.7,11.9 L217.9,12.9 L228.1,16.5 L242.2,16.9 L250.4,17 L262.1,11.6 L273.5,15.5 L283.2,10.3 L296.8,8.4 L307.6,12.5 L321.1,12 L330.1,12.6 L341.8,15.5 L352,14.5 L364,10.8 L373.7,12.6 L383.7,11 L399,9.3 L410,12.6 L420,12.8 L430.2,13.3 L438.9,11 L449.4,13.2 L460.7,9.3 L470.4,9.7 L485.6,6.5 L494.4,4.8 L508.1,4 L516.3,6.5 L530.7,6.3 L541.1,8 L547,8.1 L559.3,7.4 L574.5,7.7 L582.8,10 L596.9,10.8 L604.4,10.1 L613.4,11.9 L627.8,11 L639.7,9.1 L647.6,12.3 L657.5,13.8 L670,12.4 L684.8,10.5 L694.5,12.1 L701.7,8.8 L713.5,8.5 L723.6,10.3 L734.4,13.8 L749.8,16.3 L757.1,14 L770.4,15.7 L780.7,16.6 L790.1,16.3 L804.4,16.9 L811.8,13.4 L825.9,10 L833.7,9.3 L846.5,11.7 L856.3,16 L867.6,15.4 L882.8,9 L892.8,7.1 L900.8,7.9 L915.3,8 L922.3,9.1 L934.4,5.4 L948.1,10.1 L960,7.7 L960,28 L0,28 Z' fill='%23000'/%3E%3C/svg%3E");
  --mask-lip-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 28' preserveAspectRatio='none'%3E%3Cpath d='M0,7.7 L11.4,11.9 L24.5,10.1 L32.8,9 L44,8.8 L55.5,8 L64.1,9.5 L77.1,6.3 L88.8,4 L100.8,7.8 L107.6,5.2 L119.8,8.7 L129.5,6.8 L144.9,10.9 L155.2,8.7 L162.3,6.9 L178.9,8.3 L189.8,9.3 L198.9,12.5 L209.7,11.9 L217.9,12.9 L228.1,16.5 L242.2,16.9 L250.4,17 L262.1,11.6 L273.5,15.5 L283.2,10.3 L296.8,8.4 L307.6,12.5 L321.1,12 L330.1,12.6 L341.8,15.5 L352,14.5 L364,10.8 L373.7,12.6 L383.7,11 L399,9.3 L410,12.6 L420,12.8 L430.2,13.3 L438.9,11 L449.4,13.2 L460.7,9.3 L470.4,9.7 L485.6,6.5 L494.4,4.8 L508.1,4 L516.3,6.5 L530.7,6.3 L541.1,8 L547,8.1 L559.3,7.4 L574.5,7.7 L582.8,10 L596.9,10.8 L604.4,10.1 L613.4,11.9 L627.8,11 L639.7,9.1 L647.6,12.3 L657.5,13.8 L670,12.4 L684.8,10.5 L694.5,12.1 L701.7,8.8 L713.5,8.5 L723.6,10.3 L734.4,13.8 L749.8,16.3 L757.1,14 L770.4,15.7 L780.7,16.6 L790.1,16.3 L804.4,16.9 L811.8,13.4 L825.9,10 L833.7,9.3 L846.5,11.7 L856.3,16 L867.6,15.4 L882.8,9 L892.8,7.1 L900.8,7.9 L915.3,8 L922.3,9.1 L934.4,5.4 L948.1,10.1 L960,7.7 L960,11.4 L948.1,12.7 L934.4,8 L922.3,12.8 L915.3,10.6 L900.8,10.5 L892.8,10.8 L882.8,11.6 L867.6,18 L856.3,19.7 L846.5,14.3 L833.7,11.9 L825.9,13.7 L811.8,16 L804.4,19.5 L790.1,20 L780.7,19.2 L770.4,18.3 L757.1,17.7 L749.8,18.9 L734.4,16.4 L723.6,14 L713.5,11.1 L701.7,11.4 L694.5,15.8 L684.8,13.1 L670,15 L657.5,17.5 L647.6,14.9 L639.7,11.7 L627.8,14.7 L613.4,14.5 L604.4,12.7 L596.9,14.5 L582.8,12.6 L574.5,10.3 L559.3,11.1 L547,10.7 L541.1,10.6 L530.7,10 L516.3,9.1 L508.1,6.6 L494.4,8.5 L485.6,9.1 L470.4,12.3 L460.7,13 L449.4,15.8 L438.9,13.6 L430.2,17 L420,15.4 L410,15.2 L399,13 L383.7,13.6 L373.7,15.2 L364,14.5 L352,17.1 L341.8,18.1 L330.1,16.3 L321.1,14.6 L307.6,15.1 L296.8,12.1 L283.2,12.9 L273.5,18.1 L262.1,15.3 L250.4,19.6 L242.2,19.5 L228.1,20.2 L217.9,15.5 L209.7,14.5 L198.9,16.2 L189.8,11.9 L178.9,10.9 L162.3,10.6 L155.2,11.3 L144.9,13.5 L129.5,10.5 L119.8,11.3 L107.6,7.8 L100.8,11.5 L88.8,6.6 L77.1,8.9 L64.1,13.2 L55.5,10.6 L44,11.4 L32.8,12.7 L24.5,12.7 L11.4,14.5 L0,11.4 Z' fill='%23000'/%3E%3C/svg%3E");
  --mask-torn-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 28' preserveAspectRatio='none'%3E%3Cpath d='M0,13.7 L13.7,11.9 L24.4,14.6 L30.5,10.6 L44.6,12.1 L54.5,11.1 L66.2,11.6 L74.8,12.5 L86.2,12.4 L98.7,16.5 L108.3,16.4 L120.7,14.3 L129.1,14.8 L140.5,16.1 L155.3,15.1 L164.5,11.7 L176.1,9 L188.4,9.7 L197.2,14.5 L206.3,10.9 L221.7,10.8 L231.5,8.9 L242.9,6.6 L253.7,4 L266.8,5.2 L274.2,5.8 L287.6,6.7 L296.2,10.1 L308.4,11.6 L320,10.8 L328.9,12.1 L338.5,9.7 L351.8,8.8 L364.3,10.6 L374.5,6.6 L384.7,8.3 L396.9,7.2 L405.1,6.6 L416.1,7.4 L427.9,11.7 L441.9,8.5 L449.2,8.8 L459.7,10.6 L470.6,9.9 L481.2,10.5 L493.7,17 L506.4,13.3 L518.9,14.1 L527,14.8 L538.2,16.5 L548.7,15.2 L559.8,16.9 L573.7,11.1 L583.3,13.2 L592.6,7.4 L602.6,7.7 L617.7,9.8 L628.2,11.1 L640,13.1 L647.4,12.3 L660.3,9.7 L673.5,12.9 L682.6,9.9 L695.7,10.4 L702,11.5 L717.9,9.1 L723.3,11.5 L736.5,9.5 L745.1,12.6 L760.9,7.2 L771.1,9 L783.8,4 L793.8,5.5 L805.7,4 L814.2,7 L827.9,4.7 L837.5,7.4 L846.1,7.5 L860.8,11.2 L868.3,9.5 L878.2,11.9 L888.5,11.5 L901.8,10.8 L911.2,13.4 L926.6,12.5 L937.7,10.1 L944.3,12.5 L960,13.7 L960,28 L0,28 Z' fill='%23000'/%3E%3C/svg%3E");
  --mask-lip-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 28' preserveAspectRatio='none'%3E%3Cpath d='M0,13.7 L13.7,11.9 L24.4,14.6 L30.5,10.6 L44.6,12.1 L54.5,11.1 L66.2,11.6 L74.8,12.5 L86.2,12.4 L98.7,16.5 L108.3,16.4 L120.7,14.3 L129.1,14.8 L140.5,16.1 L155.3,15.1 L164.5,11.7 L176.1,9 L188.4,9.7 L197.2,14.5 L206.3,10.9 L221.7,10.8 L231.5,8.9 L242.9,6.6 L253.7,4 L266.8,5.2 L274.2,5.8 L287.6,6.7 L296.2,10.1 L308.4,11.6 L320,10.8 L328.9,12.1 L338.5,9.7 L351.8,8.8 L364.3,10.6 L374.5,6.6 L384.7,8.3 L396.9,7.2 L405.1,6.6 L416.1,7.4 L427.9,11.7 L441.9,8.5 L449.2,8.8 L459.7,10.6 L470.6,9.9 L481.2,10.5 L493.7,17 L506.4,13.3 L518.9,14.1 L527,14.8 L538.2,16.5 L548.7,15.2 L559.8,16.9 L573.7,11.1 L583.3,13.2 L592.6,7.4 L602.6,7.7 L617.7,9.8 L628.2,11.1 L640,13.1 L647.4,12.3 L660.3,9.7 L673.5,12.9 L682.6,9.9 L695.7,10.4 L702,11.5 L717.9,9.1 L723.3,11.5 L736.5,9.5 L745.1,12.6 L760.9,7.2 L771.1,9 L783.8,4 L793.8,5.5 L805.7,4 L814.2,7 L827.9,4.7 L837.5,7.4 L846.1,7.5 L860.8,11.2 L868.3,9.5 L878.2,11.9 L888.5,11.5 L901.8,10.8 L911.2,13.4 L926.6,12.5 L937.7,10.1 L944.3,12.5 L960,13.7 L960,17.4 L944.3,15.1 L937.7,12.7 L926.6,16.2 L911.2,16 L901.8,13.4 L888.5,15.2 L878.2,14.5 L868.3,12.1 L860.8,14.9 L846.1,10.1 L837.5,10 L827.9,8.4 L814.2,9.6 L805.7,6.6 L793.8,9.2 L783.8,6.6 L771.1,11.6 L760.9,10.9 L745.1,15.2 L736.5,12.1 L723.3,15.2 L717.9,11.7 L702,14.1 L695.7,14.1 L682.6,12.5 L673.5,15.5 L660.3,13.4 L647.4,14.9 L640,15.7 L628.2,14.8 L617.7,12.4 L602.6,10.3 L592.6,11.1 L583.3,15.8 L573.7,13.7 L559.8,20.6 L548.7,17.8 L538.2,19.1 L527,18.5 L518.9,16.7 L506.4,15.9 L493.7,20.7 L481.2,13.1 L470.6,12.5 L459.7,14.3 L449.2,11.4 L441.9,11.1 L427.9,15.4 L416.1,10 L405.1,9.2 L396.9,10.9 L384.7,10.9 L374.5,9.2 L364.3,14.3 L351.8,11.4 L338.5,12.3 L328.9,15.8 L320,13.4 L308.4,14.2 L296.2,13.8 L287.6,9.3 L274.2,8.4 L266.8,8.9 L253.7,6.6 L242.9,9.2 L231.5,12.6 L221.7,13.4 L206.3,13.5 L197.2,18.2 L188.4,12.3 L176.1,11.6 L164.5,15.4 L155.3,17.7 L140.5,18.7 L129.1,18.5 L120.7,16.9 L108.3,19 L98.7,20.2 L86.2,15 L74.8,15.1 L66.2,15.3 L54.5,13.7 L44.6,14.7 L30.5,14.3 L24.4,17.2 L13.7,14.5 L0,17.4 Z' fill='%23000'/%3E%3C/svg%3E");
}
:root{
  /* B+C primitiver */
  --asphalt:#0A0B0D; --tar:#13161A; --tar-2:#1B1F25; --chalk:#F2EFE6; --mute:#98A1AB; --signal:#FF4B1F; --ice:#8FB4D0;
  --sheet:#F7F1E2; --polaroid:#FBF8EF; --graphite:#5A5245; --pen:#2F4A6B; --signal-g:#C73A10; --signal-t:#9A3513;
  --tape:#E1C779; --seam-h:28px;
  --lift-sheet:0 1px 0 rgba(255,255,255,.6) inset,0 18px 30px -16px rgba(0,0,0,.55);
  --lift-sheet-on-paper:0 1px 0 rgba(255,255,255,.7) inset,0 12px 24px -14px rgba(60,40,10,.38);
  --f-caps:"Barlow Condensed","Barlow Condensed Fallback","Arial Narrow",Impact,sans-serif;
  --f-serif:"Fraunces","Fraunces Fallback",Georgia,serif;
  --f-hand:"Caveat","Caveat Fallback","Bradley Hand","Segoe Print",cursive;
  --ease-speed:cubic-bezier(.22,1,.36,1); --ease-settle:cubic-bezier(.3,1.25,.5,1);
  /* de gamle navnene (tokens.css, Regn) peker på B+C */
  --film:var(--asphalt); --film-2:var(--tar); --paper:#EEE5D1; --paper-2:#E4D9C0; --cream:var(--chalk); --ink:#231E18;
  --muted-dark:var(--mute); --muted-paper:var(--graphite);
  --lean-400:var(--signal); --lean-500:var(--signal); --lean-600:var(--signal-g); --lean-700:var(--signal-t);
  --data-dark:var(--ice); --data-paper:var(--pen); --edge:var(--mute); --halation:transparent;
  --film-rgb:10,11,13; --ink-rgb:35,30,24; --fg-rgb:35,30,24;
  --ease-out:var(--ease-speed);
  --font-display:var(--f-caps); --font-text:var(--f-serif); --font-hand:var(--f-hand);
  --paper-shade:none;
  --paper-surface:var(--tex-fibre-paper) 0 0/320px 320px,var(--tex-tone-paper) 0 0/900px 900px,var(--paper);
}
html{background:var(--asphalt)}
body{font-family:var(--f-serif);font-variation-settings:"SOFT" 0;font-optical-sizing:auto;font-style:normal;-webkit-font-smoothing:antialiased}
/* ---- overflate: asfalt øverst, papir under, papir ligger alltid øverst ---- */
.topp,.topp.sec{position:relative;z-index:1;background:var(--asphalt)}
.topp.sec-film::before{background:var(--asphalt)}
.topp::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--tex-grain-asphalt) 0 0/180px;opacity:.05;mix-blend-mode:screen}
.topp>*{position:relative;z-index:1}
.topp,.krengo-foot{font-family:var(--f-serif)}
.merke{font-family:"Krengo Wordmark","Barlow Condensed",Arial,sans-serif}
.topnav a,.sprak,.breadcrumbs,.chip,.kf-base,.key li{font-family:var(--font-data)}
.topnav a{color:var(--mute)}
.krengo-foot{background:var(--asphalt);position:relative}
.krengo-foot h2{font-family:var(--f-caps);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.95}
.kf-tools b{font-family:var(--f-caps);font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:1.3rem}
/* revet papirkant: strippen er en del av papiret og henger 28 px ut over asfalten */
.seam{position:absolute;left:50%;width:100vw;margin-left:-50vw;height:var(--seam-h);z-index:5;pointer-events:none;color:color-mix(in srgb,var(--paper) 90%,#5d3b08);--torn:var(--mask-torn-a);--lip:var(--mask-lip-a)}
.seam--b{--torn:var(--mask-torn-b);--lip:var(--mask-lip-b)}
.seam--top{top:calc(-1*var(--seam-h) + 1px)}
.seam--bottom{bottom:calc(-1*var(--seam-h) + 1px);transform:scaleY(-1)}
.seam::before,.seam::after{content:"";position:absolute;inset:0;-webkit-mask-size:960px 100%;mask-size:960px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}
.seam::before{background:currentColor;-webkit-mask-image:var(--torn);mask-image:var(--torn)}
.seam::after{background:var(--polaroid);opacity:.7;-webkit-mask-image:var(--lip);mask-image:var(--lip)}
/* human.js klipper reveal-elementer (clip-path); papirkanten henger utenfor, så papirflatene skal ikke klippes */
main.sec-paper,.today,.hm-go.today,.hm-go.sec-paper{clip-path:none!important}
/* ---- FAQ-siden (sec-paper) ---- */
.sec-paper{position:relative;z-index:2}
body.faq-bc main.sec-paper{max-width:none;margin:0;padding:0}
html,body{overflow-x:clip}
body.faq-bc{background:var(--asphalt)}
.faq-bc .sec-paper{background:var(--tex-fibre-paper) 0 0/320px 320px,var(--tex-tone-paper) 0 0/900px 900px,var(--paper);color:var(--ink);text-shadow:none}
.faq-bc .sec-paper>.breadcrumbs,.faq-bc .sec-paper>article,.faq-bc .sec-paper>section{max-width:720px;margin-inline:auto;padding-inline:var(--marg)}
.faq-bc .sec-paper>.breadcrumbs{padding-top:calc(var(--seam-h) + 20px);margin-bottom:0}
.faq-bc .sec-paper>section:last-child{padding-bottom:calc(48px + 4vh)}
.sec-paper h1,.sec-paper h2{font-family:var(--f-serif);font-weight:760;font-variation-settings:"SOFT" 30;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
.sec-paper h1{font-size:clamp(2.4rem,7vw,3.6rem)}
.sec-paper .lead{color:var(--graphite)}
.sec-paper .faq summary{font-family:var(--f-serif);font-weight:600}
.sec-paper a{text-decoration-color:currentColor}
.sec-paper .lenke-kort .tittel{font-family:var(--f-serif);font-weight:600;color:var(--signal-t)}
.sec-paper :focus-visible{outline:3px solid var(--pen);outline-offset:3px}
/* gjesteobjekt på papir: mørkt instrument teipet fast (statusen er det viktigste på siden) */
.varsel.status-kort{position:relative;isolation:isolate;margin:1.6em 0 3em;padding:1.2em 1.4em;background:var(--tar);color:var(--chalk);border:1px solid rgba(242,239,230,.14);border-radius:2px;box-shadow:var(--lift-sheet-on-paper);rotate:-.4deg}
.varsel.status-kort::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--tex-grain-asphalt) 0 0/180px;opacity:.05;mix-blend-mode:screen}
.varsel.status-kort p{color:var(--chalk)}
.varsel.status-kort strong{font-family:var(--f-caps);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1.15em}
.varsel.status-kort a{color:var(--chalk)}
.varsel.status-kort :focus-visible{outline-color:var(--signal)}
.tape,.hero .key::after{position:absolute;z-index:4;width:var(--w,110px);height:var(--h,30px);rotate:var(--rot,-4deg);pointer-events:none;opacity:.88;
  background:repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 3px/100% 1px repeat-x,repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 calc(100% - 3px)/100% 1px repeat-x,repeating-linear-gradient(0deg,rgba(120,90,20,.10) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%),var(--tape);
  clip-path:polygon(0 0,100% 0,calc(100% - 3px) 14%,100% 28%,calc(100% - 4px) 42%,100% 57%,calc(100% - 3px) 71%,100% 85%,calc(100% - 2px) 100%,0 100%,3px 86%,0 72%,4px 57%,0 43%,3px 28%,0 14%)}
.hero .key::after{content:"";top:-14px;left:28px;--rot:-3deg;--w:110px;--h:30px}
.tape--tl{top:-14px;left:-18px;--rot:-8deg;--w:104px;--h:30px}
.tape--tr{top:-14px;right:-16px;--rot:5deg;--w:92px;--h:30px}
@media(max-width:600px){.tape--tl{left:-6px}.tape--tr{right:-6px}}
/* Caveat: dato og marg-notat, aldri informasjon som bare finnes her */
.hand-note{position:absolute;font-family:var(--f-hand);font-weight:600;font-size:1.55rem;line-height:1.05;color:var(--pen);rotate:-3deg;pointer-events:none}
.status-kort .hand-note{right:.9em;bottom:-1.75em;color:var(--pen);mix-blend-mode:normal}
/* ---- How it works (asfalt-side med ett papirark) ---- */
body.on-film{background:var(--asphalt)}
.hero{position:relative}
.hero>*{position:relative;z-index:1}
.hero h1,.step h2,.krengo-foot h2{font-family:var(--f-caps);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92}
.hero h1{font-size:clamp(3rem,10vw,5.5rem)}
.hero h1 em,h1 em{font-style:normal;color:var(--signal)}
.lede,.body,.status p{font-family:var(--f-serif)}
.chip{font-family:var(--font-data)}
.chip[data-k=live]{border-color:var(--chalk)}
/* gjesteobjekt på asfalt: nøkkelen til statusmerkene som papirkort teipet på hero */
.hero .key{position:relative;isolation:isolate;display:inline-flex;max-width:100%;padding:1em 1.2em;background:var(--sheet);color:var(--ink);border-radius:2px;box-shadow:var(--lift-sheet);rotate:.5deg}
.hero .key::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--tex-grain-paper) 0 0/220px,var(--tex-fibre-paper) 0 0/320px;opacity:.08;mix-blend-mode:multiply}
.hero .key li{color:var(--graphite)}
.hero .key .chip{color:var(--ink);border-color:var(--graphite)}
.hero .key .chip[data-k=live]{border-color:var(--ink)}
.hero .key .chip[data-k=planned]{color:var(--graphite)}
.hero .key :focus-visible{outline-color:var(--pen)}
.today{position:relative;z-index:2;background:var(--tex-fibre-paper) 0 0/320px 320px,var(--tex-tone-paper) 0 0/900px 900px,var(--paper);color:var(--ink)}
.today h2{font-family:var(--f-serif);font-weight:760;font-variation-settings:"SOFT" 30;letter-spacing:-.02em;text-transform:none;line-height:1.05}
.today .seam{z-index:0}
.today :focus-visible{outline:3px solid var(--pen)}
:focus-visible{outline-color:var(--signal)}
@media(prefers-contrast:more){.topp::after,.varsel.status-kort::before,.hero .key::before{display:none}.seam::after{display:none}}
@media(forced-colors:active){.tape,.seam::before,.seam::after{forced-color-adjust:none}}
@media print{.seam,.tape,.hand-note{display:none}.varsel.status-kort{rotate:0}}
/* statuskort uten teip i HTML får teip fra CSS (artiklene) */
.varsel.status-kort:not(:has(.tape))::after{content:"";position:absolute;top:-14px;left:24px;width:104px;height:30px;rotate:-4deg;opacity:.88;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 3px/100% 1px repeat-x,repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 calc(100% - 3px)/100% 1px repeat-x,linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%),var(--tape);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 14%,100% 28%,calc(100% - 4px) 42%,100% 57%,calc(100% - 3px) 71%,100% 85%,calc(100% - 2px) 100%,0 100%,3px 86%,0 72%,4px 57%,0 43%,3px 28%,0 14%)}
@media print{.varsel.status-kort::after{display:none}}
/* ---- Artikler: hero-figuren er et mørkt instrument teipet på papiret ---- */
figure.hero{position:relative;overflow:visible}
figure.hero>svg{border-radius:2px;box-shadow:var(--lift-sheet-on-paper)}
figure.hero::before{content:"";position:absolute;top:-14px;left:-14px;width:104px;height:30px;rotate:-8deg;opacity:.88;z-index:3;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 3px/100% 1px repeat-x,repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 calc(100% - 3px)/100% 1px repeat-x,linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%),var(--tape);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 14%,100% 28%,calc(100% - 4px) 42%,100% 57%,calc(100% - 3px) 71%,100% 85%,calc(100% - 2px) 100%,0 100%,3px 86%,0 72%,4px 57%,0 43%,3px 28%,0 14%)}
@media(max-width:600px){figure.hero::before{left:-6px}}
@media print{figure.hero::before{display:none}}
/* ---- Verktøysider (analyse, play): asfalt-flate, papir som gjesteobjekt ---- */
body>header,body>main>header{position:relative}
.a-hero h1,main:not(.sec-paper)>h1,main:not(.sec-paper) h2,.play h1,.play h2{font-family:var(--f-caps);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.95}
.a-hero h1{font-size:clamp(3rem,9vw,5.5rem)}
main:not(.sec-paper) h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
main:not(.sec-paper) h3,.play h3{font-family:var(--f-caps);font-weight:700;text-transform:uppercase;letter-spacing:.01em}
body>main .actions button,.btn,.play .btn,.play .actions button,select{font-family:var(--f-caps);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
input,textarea{font-family:var(--font-data)}
.brand{font-family:"Krengo Wordmark","Barlow Condensed",Arial,sans-serif;text-transform:none;letter-spacing:-.025em;font-weight:500}
.btn,button:not(#language){border-radius:2px}
#language{font-family:var(--font-data);text-transform:none}
.btn{background:var(--signal);color:var(--asphalt);border-color:var(--signal)}
.btn:hover{background:var(--chalk);border-color:var(--chalk)}
/* gjesteobjekt på asfalt: eksempelkortet som polaroid med teip */
.share-example{position:relative;isolation:isolate;max-width:min(100%,460px);padding:16px 16px 18px;margin:28px 0 0;border:0;background:var(--polaroid);color:var(--ink);box-shadow:0 12px 22px -12px rgba(0,0,0,.6);rotate:-.8deg;border-radius:2px}
.share-example::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--tex-grain-paper) 0 0/220px,var(--tex-fibre-paper) 0 0/320px;opacity:.08;mix-blend-mode:multiply}
.share-example::after{content:"";position:absolute;top:-14px;left:calc(50% - 56px);width:112px;height:30px;rotate:-3deg;opacity:.88;background:repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 3px/100% 1px repeat-x,repeating-linear-gradient(90deg,rgba(120,90,20,.32) 0 2px,transparent 2px 6px) 0 calc(100% - 3px)/100% 1px repeat-x,linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%),var(--tape);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 14%,100% 28%,calc(100% - 4px) 42%,100% 57%,calc(100% - 3px) 71%,100% 85%,calc(100% - 2px) 100%,0 100%,3px 86%,0 72%,4px 57%,0 43%,3px 28%,0 14%)}
.share-example h2{font-family:var(--f-hand);font-weight:600;text-transform:none;font-size:1.5rem;line-height:1.1;color:var(--pen);letter-spacing:0}
.share-example img{border:1px solid #C9BDA3}
.share-example figcaption,.share-example p{color:var(--graphite)}
/* kort på asfalt = tar */
.corner-card,.card,.stat,.panel{background:var(--tar)}
:where(.limits){background:var(--tar);border-radius:2px}
@media print{.share-example{rotate:0}.share-example::after{display:none}}
@media(prefers-contrast:more){.share-example::before{display:none}}
/* ---- Journey/reisen (KRN-1137 runde 4): asfalt-hero, papirtidslinje med revet kant ---- */
.journey-papir{position:relative;clip-path:none!important}
.journey h1{font-family:var(--f-caps);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92;max-width:14ch}
.journey-hero .journey-lead,.journey-hero .journey-state{font-family:var(--f-serif)}