/* status.redesk.no (server/oppetid.js). Tokena er landingssida til Redesk sine
   (docs/brand.md i redesk: kvitt papir, blekk, rust), med --opp og --ned frå drakta.
   Skriftene ligg ved sida av fila, så sida hentar ingenting frå redesk.no eller Google. */
@font-face{font-family:'Schibsted Grotesk';src:url('/filer/schibsted-grotesk.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/filer/ibm-plex-mono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#1e1d1b;--paper:#fff;--svak:#66625b;--linje:#e7e3dc;--flate:#f6f4f0;--rust:#b8441c;--opp:#0a7d32;--ned:#b42318;--gul:#a15c07;--sans:'Schibsted Grotesk',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;--gutter:16px}
@media (min-width:768px){:root{--gutter:24px}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--sans);font-synthesis:none;-webkit-text-size-adjust:100%}
a{color:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:3px}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
h1,h2,h3{font-weight:500;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:28px;line-height:1.15}
h2{font-size:16px;margin:32px 0 12px}
.kort h2{margin-top:0}
h3{font-size:16px;line-height:1.3}
p{margin:0;text-wrap:pretty}
.ramme{max-width:720px;margin:0 auto;padding:0 var(--gutter)}
.topp{display:flex;align-items:center;justify-content:space-between;min-height:80px}
.logo-lenke{display:inline-flex;align-items:center;min-height:48px}
.logo{display:block;height:18px;width:auto}
.merke,.etikett,.chip{font:500 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em}
.merke{color:var(--svak)}
.kort{background:var(--flate);border-radius:4px;padding:24px;margin-bottom:12px}
.naa{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center}
.naa p{grid-column:2;color:var(--svak);font-size:14px}
.prikk{width:14px;height:14px;border-radius:50%;background:var(--svak)}
.naa.oppe .prikk{background:var(--opp)}
.naa.nede .prikk{background:var(--ned)}
.naa.feil .prikk{background:var(--gul)}
.tal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.fil{background:var(--flate);border-radius:4px;padding:16px}
.etikett{display:block;color:var(--svak)}
.verdi{display:block;font:500 28px/1.1 var(--mono);letter-spacing:-.03em;margin:12px 0 8px;white-space:nowrap}
.dekning{display:block;font-size:12px;color:var(--svak)}
.rad{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chip{padding:6px 8px;border-radius:3px;white-space:nowrap}
.chip.oppe{background:color-mix(in srgb,var(--opp) 12%,var(--paper));color:var(--opp)}
.chip.nede{background:color-mix(in srgb,var(--ned) 12%,var(--paper));color:var(--ned)}
.chip.feil{background:color-mix(in srgb,var(--gul) 14%,var(--paper));color:var(--gul)}
.chip.ukjend{background:var(--linje);color:var(--svak)}
.del-tal{display:flex;flex-wrap:wrap;gap:4px 20px;margin:8px 0 16px;font-size:14px;color:var(--svak)}
.dagar{display:grid;grid-template-columns:repeat(90,1fr);gap:2px;height:32px}
.dag{position:relative;border-radius:2px;background:var(--linje)}
.dag.ok{background:var(--opp)}
.dag.feil{background:var(--gul)}
.dag.nede{background:var(--ned)}
.akse{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--svak)}
.kort-akse{display:none}
.hendingar{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hending{background:var(--paper);border-radius:3px;padding:14px 16px}
.hending p{margin-top:6px;font-size:14px;color:var(--svak)}
.tom{font-size:14px;color:var(--svak)}
.lenke{display:inline-flex;align-items:center;gap:6px;min-height:48px;font-weight:500;text-decoration:none}
.kort .lenke{margin-top:4px;margin-bottom:-12px}
.tilbake{margin-bottom:8px}
.fot{padding:20px 0 48px;font-size:14px;color:var(--svak)}
.fot p+p{margin-top:4px}
.fot .lenke{color:var(--ink);margin-right:20px}
@media (hover:hover){
  .lenke:hover{color:var(--rust)}
  .dag:hover::after{content:attr(data-tips);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:1;padding:6px 8px;border-radius:3px;background:var(--ink);color:var(--paper);font:500 12px/1.3 var(--sans);white-space:nowrap;pointer-events:none}
  .dag:nth-child(-n+12):hover::after{left:0;transform:none}
  .dag:nth-last-child(-n+12):hover::after{left:auto;right:0;transform:none}
}
/* Telefon: dei siste 30 dagane, og tala under kvarandre. */
@media (max-width:559px){
  .kort{padding:20px}
  .tal{grid-template-columns:1fr;gap:8px}
  .fil{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px}
  .verdi{grid-row:span 2;margin:0}
  .dagar{grid-template-columns:repeat(30,1fr);gap:3px}
  .dag:nth-child(-n+60){display:none}
  .lang{display:none}
  .kort-akse{display:inline}
}