.jus { padding-bottom: var(--s-8); }
.jus-side { position: sticky; top: 96px; align-self: start; }
.jus-side h1 { margin-top: var(--s-1); }
.jus-meny { display: grid; gap: 2px; margin-top: var(--s-4); margin-left: calc(-1 * var(--s-3)); }
.jus-meny a { display: flex; align-items: center; min-height: var(--target); padding: 0 var(--s-3); border-radius: var(--r-control); color: var(--ink-2); text-decoration: none; }
.jus-meny a:hover { background: var(--surface-2); color: var(--ink); }
.jus-meny a[aria-current="page"] { color: var(--ink); font-weight: 650; background: var(--surface-2); }

.jus-tekst { display: grid; gap: var(--s-4); align-content: start; min-width: 0; max-width: 46em; }
.jus-tekst h2 { font-size: var(--t-3); line-height: 1.25; margin-top: var(--s-5); scroll-margin-top: 96px; }
.jus-tekst h2:first-child { margin-top: 0; }
.jus-tekst p, .jus-tekst li { color: var(--ink-2); overflow-wrap: anywhere; }
.jus-tekst b { color: var(--ink); font-weight: 620; }
.jus-tekst a { color: var(--ink); }
.jus-tekst ul { margin: 0; padding-left: 1.25em; display: grid; gap: var(--s-3); }

.jus-tekst blockquote { margin: 0; padding: var(--s-3) var(--s-4); border-left: 2px solid var(--line-strong); display: grid; gap: var(--s-2); }


.jus-firma { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
.jus-firma .card { display: grid; gap: var(--s-2); align-content: start; padding: var(--s-4) var(--s-5); }
.jus-firma h3 { font-size: var(--t-3); }
.jus-firma .quiet { color: var(--ink-3); }
.jus-firma .tag { margin-top: var(--s-1); height: auto; min-height: 28px; padding-block: 6px; line-height: 1.3; width: auto; justify-self: start; }

@media (max-width: 860px) {
  .jus-side { position: static; }
  .jus-firma { grid-template-columns: minmax(0, 1fr); }
}