html{scroll-behavior:smooth;scroll-padding-top:calc(var(--pbar-h,124px) + 16px)}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

.jside{padding:var(--s7) 0 0}

.jtopp{max-width:70ch}
.jtopp .kjenne{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--teal-fg);margin:0 0 var(--s4);
  display:flex;align-items:center;gap:var(--s2)}
.jtopp .kjenne::before{content:"";width:22px;height:1px;background:var(--ciron-teal);flex:none}
.jtopp h1{font-family:var(--font-display);font-size:clamp(1.7rem,1.2rem + 2.2vw,3rem);
  letter-spacing:-.025em;line-height:1.1;margin:0;
  overflow-wrap:break-word;hyphens:auto}
.jtekst h2,.jtekst h3,.jtekst p,.jtekst li,.jinnhold a{overflow-wrap:break-word;hyphens:auto}
.jingress{margin:var(--s4) 0 0;color:var(--fg-2);font-size:1.06rem}
.jfakta{margin:var(--s5) 0 0;font-family:var(--font-mono);font-size:.84rem;color:var(--fg-2)}
.jforrige,.jspraak{margin:var(--s2) 0 0;font-size:.88rem;color:var(--fg-3)}
.jhandling{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s5)}

.jutkast{max-width:70ch;margin:0 0 var(--s6);padding:var(--s4) var(--s5);
  border:1px solid var(--gruppe-tillegg);border-left-width:4px;
  border-radius:var(--radius-md);background:var(--gruppe-tillegg-soft);
  color:var(--gruppe-tillegg);font-weight:500}

.jinnhold{margin:var(--s8) 0 var(--s7);padding:var(--s5);background:var(--surface-kort);
  border:1px solid var(--kant-kort);border-radius:var(--radius-lg);box-shadow:var(--kort-skygge);
  max-width:70ch}
.jinnhold h2{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--fg-3);font-weight:400;margin:0 0 var(--s3)}
.jinnhold ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.jinnhold a{display:flex;gap:var(--s3);align-items:baseline;min-height:44px;align-content:center;
  padding:var(--s1) var(--s2);border-radius:var(--radius-sm);text-decoration:none;color:var(--fg-1)}
.jinnhold a:hover{background:var(--surface-2);text-decoration:underline}

.jtekst{max-width:70ch;padding-bottom:var(--s8)}
.jkap{margin-top:var(--s8);scroll-margin-top:calc(var(--pbar-h,124px) + 16px)}
.jkap h2{font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.02em;
  margin:0 0 var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--border-hairline);
  display:flex;gap:var(--s3);align-items:baseline}
.jkap h3{font-size:1.02rem;font-weight:600;margin:var(--s5) 0 var(--s2);
  scroll-margin-top:calc(var(--pbar-h,124px) + 16px);display:flex;gap:var(--s3);align-items:baseline}
.jnr{font-family:var(--font-mono);color:var(--teal-fg);font-weight:400;flex:none;
  font-variant-numeric:tabular-nums}

.jlenke{font-family:var(--font-mono);color:var(--teal-fg);text-decoration:none;font-weight:400;
  flex:none;font-variant-numeric:tabular-nums}
.jlenke:hover{text-decoration:underline}

.jtekst p{margin:0 0 var(--s4);color:var(--fg-1)}
.jtekst h3 + p{margin-top:0}
.jtekst strong{font-weight:600}
.jtekst a{color:var(--fg-link)}
.jtekst code{font-family:var(--font-mono);font-size:.92em;background:var(--surface-3);
  padding:1px 5px;border-radius:var(--radius-sm)}
.jtekst ul{margin:0 0 var(--s4);padding-left:var(--s5);display:grid;gap:var(--s2)}
.jtekst li{color:var(--fg-1)}

.jtabell{margin:0 0 var(--s5);overflow-x:auto;border:1px solid var(--kant-kort);
  border-radius:var(--radius-md);background:var(--surface-kort)}
.jtabell table{border-collapse:collapse;width:100%;font-size:.94rem}
.jtabell th{text-align:left;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fg-2);font-weight:400;
  padding:var(--s3) var(--s4);border-bottom:1px solid var(--kant-kort);white-space:nowrap}
.jtabell td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--border-hairline);
  vertical-align:top;color:var(--fg-1)}
.jtabell tr:last-child td{border-bottom:0}

:focus-visible{outline:3px solid var(--ciron-teal);outline-offset:2px;border-radius:var(--radius-sm)}

.hopp{position:absolute;left:-9999px;top:0;background:var(--surface-kort);color:var(--fg-1);
  padding:var(--s3) var(--s4);border-radius:var(--radius-md);z-index:400}
.hopp:focus{left:var(--s4);top:var(--s4)}

@media (min-width:1100px){
  .jside .jinnside{display:grid;grid-template-columns:minmax(0,70ch) 1fr;
    column-gap:var(--s8);align-items:start}
  .jtopp{grid-column:1}
  .jutkast{grid-column:1}
  .jinnhold{grid-column:2;grid-row:1 / span 3;position:sticky;
    top:calc(var(--pbar-h,124px) + var(--s5));margin-top:0;max-width:none}
  .jtekst{grid-column:1}
}