/* Handelsbetingelser (/vilkaar) + Privatlivspolitik (/privatliv).
   A quiet reading column; the long text itself is styled by .prose (site.css). From
   1000px the empty right side holds a sticky section index (toc.js marks where you are).
   Layout only: the wording inside <article> is a legal draft and is not ours to edit. */
.legal{padding-block:clamp(2rem,1rem + 4vw,4.5rem) var(--section)}
.legal .prose{max-width:46rem}
/* "Handelsbetingelser" is one long word: let it break rather than push the page sideways. */
.legal .prose h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:359px){.legal .prose h1{font-size:2rem}}

.legal__toc{display:none}
@media (min-width:1000px){
  .legal{display:grid;grid-template-columns:minmax(0,46rem) minmax(0,16rem);column-gap:var(--space-2xl);align-items:start}
  .legal__toc{display:block;position:sticky;top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px);overflow-y:auto;padding-top:.4rem}
  .legal__toc-title{padding-bottom:var(--space-2xs);border-bottom:1px solid var(--line-strong);font-size:var(--fs-sm);font-weight:700}
  .legal__toc ol{margin:0;padding:0;list-style:none}
  .legal__toc a{display:block;padding:.4rem 0 .4rem .75rem;border-left:2px solid transparent;color:var(--muted);font-size:var(--fs-sm);line-height:1.35;text-decoration:none}
  .legal__toc a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--mint);text-decoration-thickness:2px}
  .legal__toc a[aria-current="true"]{border-left-color:var(--blue);color:var(--ink);font-weight:700}
}
@media (min-width:1200px){.legal{grid-template-columns:minmax(0,46rem) minmax(0,17rem);column-gap:var(--space-3xl)}}
.legal .meta{font-size:var(--fs-sm);color:var(--muted)}
.legal .prose>.meta{margin-top:.6rem}
.legal .summary{margin-top:var(--space-l);padding:var(--space-m);border-radius:var(--r-l);background:var(--soft)}
.legal .summary>*+*{margin-top:.75em}
.legal .summary h2{margin-top:0;font-size:1.375rem}
.legal .summary+h2{margin-top:2em}
.legal .form{padding:var(--space-m);border-radius:var(--r-m);box-shadow:inset 0 0 0 2px var(--line)}
.legal .form>*+*{margin-top:.75em}
.legal .table-wrap{overflow-x:auto}
.legal th{padding-left:.75rem;background:var(--soft)}
.legal td{padding-left:.75rem}
.legal caption{padding-bottom:.5rem;color:var(--muted);font-size:var(--fs-sm);text-align:left}
@media (min-width:800px){.legal .summary{padding:var(--space-l)}}
@media (max-width:599px){
  .legal thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legal table,.legal caption,.legal tbody,.legal tr,.legal td{display:block}
  .legal tr{padding:.9rem 0;border-bottom:1px solid var(--line)}
  .legal td{padding:.2rem 0;border:0}
  .legal td::before{content:attr(data-label);display:block;color:var(--muted);font-size:var(--fs-xs);font-weight:700}
}