/* ZooMate · vilkaar, privatliv og cookies. Samme farver som forsiden.
   Skriften ligger hos os selv, saa disse sider ikke henter noget udefra. */
@font-face{ font-family:"Schibsted Grotesk"; font-style:normal; font-weight:400 900; font-display:swap;
  src:url(/jura-skrift/schibsted-grotesk-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face{ font-family:"Schibsted Grotesk"; font-style:normal; font-weight:400 900; font-display:swap;
  src:url(/jura-skrift/schibsted-grotesk-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:root{
  --nat:#0E2119; --mint:#8FCBA6;
  --grund:#F7F4EC; --papir:#FFFFFF; --hylde:#EFEADE;
  --blaek:#141613; --daemp:#59605A; --groen:#1F4A36; --linje:#E1DACA;
}
@media (prefers-color-scheme:dark){
  :root{ --grund:#12160F; --papir:#1B211C; --hylde:#232A24; --blaek:#ECEFE9; --daemp:#A3ABA2; --groen:#8FCBA6; --linje:#2F3830; }
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--grund); color:var(--blaek);
  font:400 1.0625rem/1.65 "Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif; }
a{ color:var(--groen); text-underline-offset:.15em; }
a:focus-visible{ outline:3px solid var(--mint); outline-offset:3px; border-radius:4px; }
.ramme{ max-width:46rem; margin:0 auto; padding:0 1.25rem; }
header.top{ background:var(--nat); }
header.top .ramme{ display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:4.25rem; }
.logo{ display:inline-flex; align-items:center; gap:.6rem; color:#F2F6F1; text-decoration:none; font-size:1.125rem; }
.logo img{ width:2rem; height:2rem; border-radius:.5rem; }
header.top nav a{ color:#F2F6F1; text-decoration:none; font-size:.9375rem; display:inline-flex; align-items:center; min-height:2.75rem; padding:0 .25rem; }
header.top nav a:hover{ color:var(--mint); }
main{ padding:2.5rem 0 4rem; }
h1{ font-size:clamp(1.9rem,6vw,2.6rem); line-height:1.15; font-weight:800; letter-spacing:-.01em; margin:0 0 .4rem; text-wrap:balance; }
h1 + p{ color:var(--daemp); font-size:.9375rem; margin:0 0 1.75rem; }
h2{ font-size:1.25rem; line-height:1.3; font-weight:700; margin:2.5rem 0 .6rem; padding-top:1.25rem; border-top:1px solid var(--linje); }
p{ margin:0 0 .9rem; }
ul{ margin:0 0 .9rem; padding-left:1.25rem; }
li{ margin-bottom:.4rem; }
.vigtigt{ background:var(--hylde); border-left:4px solid var(--groen); padding:.8rem 1rem; border-radius:0 .5rem .5rem 0; font-weight:600; }
.tabel{ overflow-x:auto; margin:0 0 1.2rem; border:1px solid var(--linje); border-radius:.6rem; background:var(--papir); }
table{ border-collapse:collapse; width:100%; min-width:38rem; font-size:.9375rem; line-height:1.5; }
th,td{ text-align:left; vertical-align:top; padding:.7rem .85rem; border-bottom:1px solid var(--linje); }
th{ font-size:.8125rem; font-weight:600; letter-spacing:.03em; color:var(--daemp); background:var(--hylde); }
tr:last-child td{ border-bottom:0; }
td:first-child{ font-weight:600; }
footer{ background:var(--nat); color:rgb(242 246 241/.7); padding:2.5rem 0 3rem; font-size:.9375rem; }
footer nav{ display:flex; flex-wrap:wrap; gap:.25rem 1.5rem; margin-bottom:1.25rem; }
footer a{ color:#F2F6F1; text-decoration:none; display:inline-flex; align-items:center; min-height:2.75rem; }
footer a:hover{ color:var(--mint); }
footer a[aria-current="page"]{ color:var(--mint); }
footer p{ margin:0; }
@media print{ header.top, footer{ display:none; } body{ background:#fff; color:#000; } .tabel{ border:0; } }
