/* ============================================================
   ORON — SEKSJON: rapport
   Delt komposisjon: ett dominerende anslag til venstre, en stor
   rapportflate til hoeyre. Panelet er bygget som ekte produkt-UI:
   fire noekkeltall, en seks-maaneders kurve med maalepunkt paa
   hver maaned, og en plasseringstabell — hele datasettet merket
   «Eksempel».

   Farge: oransje er eneste aksent (eyebrow-prikk, kurve,
   maalepunkter). Groenn finnes bare som TEKSTfarge paa faktiske
   endringstall — ingen groenne flater.
   Ikoner: ett system, 1.5px strek i tre stoerrelser (20/16/12).
   Radier i panelet: --r-xl (flaten) + --r-pill (alle brikker).
   ============================================================ */

.s-rapport {
  --rp-pad: clamp(var(--s-5), 1.9vw, var(--s-7));
  --rp-ycol: 46px;
  --rp-gap: var(--s-3);
  --rp-plot-h: clamp(150px, 13.5vw, 200px);

  /* Lokale typealiaser: paa mobil loeftes all mikrotype til 14px
     (SPEC: aldri under 14px paa mobil). Se @media 560 nederst. */
  --rp-cap: var(--fs-caption);
  --rp-mic: var(--fs-micro);

  /* Groenn som TEKST: --or-green er 2.63:1 mot hvitt og faller under
     WCAG 1.4.11. Denne toningen ligger paa 5.03:1 og brukes for hver
     eneste «opp/bedre»-markoer i seksjonen. */
  --rp-up: var(--or-ink-800);
  --rp-dot-glow: var(--or-orange-tint-2);
}
@supports (color: color-mix(in srgb, red 50%, blue)) {
  .s-rapport {
    --rp-up: color-mix(in srgb, var(--or-green) 68%, var(--or-black));
    --rp-dot-glow: color-mix(in srgb, var(--or-orange-deep) 28%, transparent);
  }
}

.s-rapport .rap-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  column-gap: clamp(var(--s-10), 4.4vw, var(--s-16));
  align-items: stretch;
}

/* ------------------------------------------------------------
   IKONSYSTEMET — en strekvekt, tre stoerrelser
   Alle glyfer tegnes paa sitt eget rutenett og laases til 1.5px
   faktisk strek, uansett hvor mye viewBox-en skaleres ned.
   ------------------------------------------------------------ */
.s-rapport .rp-ico { flex: none; }
.s-rapport .rp-ico :is(path, circle, rect, line, polyline) {
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

/* ------------------------------------------------------------
   VENSTRE — anslaget
   Spalten er festet OG optisk sentrert mot panelet: griden strekker
   kolonnen, flex sentrerer innholdet, sticky gir det reisevei.
   ------------------------------------------------------------ */

.s-rapport .rap-aside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.s-rapport .rap-aside__in {
  position: sticky;
  top: calc(var(--nav-h) + var(--s-12));
}

.s-rapport .rap-head { max-width: none; }

/* Innholdet i rapporten — haarfin liste, ikke kort.
   En kolonne: <ul> lukker toppen og bunnen, radene deler seg imellom. */
.s-rapport .rap-list {
  margin-top: clamp(var(--s-8), 2.6vw, var(--s-10));
  border-top: 1px solid var(--or-border);
  border-bottom: 1px solid var(--or-border);
  max-width: 40ch;
}

.s-rapport .rap-list__item {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  padding-block: clamp(var(--s-4), 1.3vw, var(--s-5));
  border-top: 1px solid var(--or-border);
}
.s-rapport .rap-list__item:first-child { border-top: 0; }

.s-rapport .rap-list__ico { color: var(--or-ink-400); }

.s-rapport .rap-list__label {
  font-size: var(--fs-small);
  font-weight: var(--fw-semi);
  letter-spacing: -0.012em;
  color: var(--or-ink-900);
}

/* Kanal-linjen + kanalbrikkene.
   Brikkene ER opplysningen — derfor staar kanalnavnene bare ett sted. */
.s-rapport .rap-kanal { margin-top: clamp(var(--s-6), 2vw, var(--s-8)); }

.s-rapport .rap-kanal__line {
  max-width: 38ch;
  font-size: var(--fs-small);
  line-height: 1.55;
  color: var(--or-ink-500);
  text-wrap: pretty;
}

.s-rapport .rap-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
  margin-top: var(--s-4);
}

/* .badge-primitivet baerer form, radius og tegnavstand.
   Her endres bare det som faktisk skiller seg: hvit flate (brikkene
   ligger paa graa seksjonsbunn) og lesestoerrelse i stedet for
   brikkestoerrelse, siden dette er eneste UI i kopispalten. */
.s-rapport .rap-chip {
  height: 34px;
  background: var(--or-white);
  border-color: var(--or-border);
  color: var(--or-ink-700);
  font-size: var(--rp-cap);
  font-weight: var(--fw-semi);
  box-shadow: var(--sh-xs);
}
.s-rapport .rap-chip svg { color: var(--or-ink-400); }

/* ------------------------------------------------------------
   HOEYRE — rapportpanelet
   ------------------------------------------------------------ */

.s-rapport .rap-panel {
  background: var(--or-white);
  border: 1px solid var(--or-border);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-lg);
  overflow: hidden;
}

/* Topplinje */
.s-rapport .rp__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  padding: var(--s-4) var(--rp-pad);
  border-bottom: 1px solid var(--or-border-soft);
}
.s-rapport .rp__id {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.s-rapport .rp__title {
  font-size: var(--fs-small);
  font-weight: var(--fw-bold);
  letter-spacing: -0.014em;
  line-height: 1.35;
  color: var(--or-ink-900);
}
.s-rapport .rp__sub {
  font-size: var(--rp-cap);
  line-height: 1.35;
  color: var(--or-ink-500);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* «Eksempel» — merkelapp, ikke plakat. Ren .badge--neutral;
   seksjonen legger bare til at den ikke skal krympe. */
.s-rapport .rp__tag {
  flex: none;
  font-size: var(--rp-mic);
}

/* Noekkeltall — celler delt av haarstreker, ingen bokser */
.s-rapport .rp__kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--or-border-soft);
}
.s-rapport .rp__kpi {
  padding: var(--s-5) var(--rp-pad);
  border-left: 1px solid var(--or-border-soft);
  min-width: 0;
}
.s-rapport .rp__kpi:first-child { border-left: 0; }

.s-rapport .rp__kpi-label {
  font-size: var(--rp-cap);
  line-height: 1.3;
  color: var(--or-ink-500);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-rapport .rp__kpi-val {
  margin-top: var(--s-2);
  font-size: clamp(1.375rem, 1.05rem + 1vw, 1.75rem);
  font-weight: var(--fw-bold);
  letter-spacing: -0.032em;
  line-height: 1.08;
  color: var(--or-ink-900);
}

/* Endringsbrikker — noeytral flate, aldri en farget flate.
   Samme pilleradius som resten av brikkene i panelet. */
.s-rapport .rp__kpi-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: var(--s-3);
  height: 22px;
  padding-inline: 8px;
  border-radius: var(--r-pill);
  background: var(--or-gray-100);
  font-size: var(--rp-mic);
  font-weight: var(--fw-semi);
  line-height: 1;
  white-space: nowrap;
  color: var(--or-ink-500);
}
.s-rapport .rp__kpi-chip--up { color: var(--rp-up); }

/* ---------- Kurven ---------- */
.s-rapport .rp__chart {
  padding: var(--rp-pad);
  border-bottom: 1px solid var(--or-border-soft);
}
.s-rapport .rp__chart-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--s-4);
  margin-bottom: var(--s-10);
}
.s-rapport .rp__chart-title {
  font-size: var(--fs-small);
  font-weight: var(--fw-semi);
  letter-spacing: -0.012em;
  color: var(--or-ink-900);
}
.s-rapport .rp__chart-note {
  font-size: var(--rp-cap);
  color: var(--or-ink-500);
  white-space: nowrap;
}

.s-rapport .rp__plot {
  display: flex;
  align-items: stretch;
  gap: var(--rp-gap);
}
.s-rapport .rp__y {
  flex: none;
  width: var(--rp-ycol);
  /* boksen er plothøyden + en linjehøyde, forskjøvet en halv linje opp,
     slik at hver etikett lander midt på sin rutenettlinje */
  height: calc(var(--rp-plot-h) + 1.24em);
  margin-block: -0.62em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  font-size: var(--rp-mic);
  line-height: 1.24;
  color: var(--or-ink-500);
}
.s-rapport .rp__col {
  flex: 1 1 auto;
  min-width: 0;
}
.s-rapport .rp__svgwrap {
  position: relative;
  border-bottom: 1px solid var(--or-border-strong);
}
.s-rapport .rp__svg {
  display: block;
  width: 100%;
  height: var(--rp-plot-h);
}

/* Fargen paa flatefyllet ligger i CSS, ikke i markupen, slik at den
   foelger --or-orange og aldri kan drifte fra tokenet. */
.s-rapport .rp__stop { stop-color: var(--or-orange); }

.s-rapport .rp__grid line {
  stroke: var(--or-border);
  stroke-width: 1;
}
.s-rapport .rp__guide {
  stroke: var(--or-border-strong);
  stroke-width: 1;
  stroke-dasharray: 2 4;
  opacity: 0;
  transition: opacity var(--t-slow) var(--e-out) 900ms;
}
.s-rapport .rp__area {
  fill: url(#rap-fill);
  opacity: 0;
  transition: opacity var(--t-slow) var(--e-out) 600ms;
}
.s-rapport .rp__line {
  fill: none;
  stroke: var(--or-orange);
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 1150ms var(--e-out) 160ms;
}

/* Maalepunkter — ett per maaned, slik at x-etikettene faktisk peker
   paa noe. De ligger i HTML og ikke i SVG-en fordi plottet strekkes
   ikke-uniformt (preserveAspectRatio="none") og ville gjort sirkler
   til ellipser. */
.s-rapport .rp__pts {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.s-rapport .rp__pt {
  --rp-pt-delay: calc(200ms + var(--i) * 175ms);
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  border-radius: 50%;
  background: var(--or-white);
  box-shadow: 0 0 0 2px var(--or-orange);
  opacity: 0;
  transform: scale(.4);
  transition: opacity var(--t-base) var(--e-out) var(--rp-pt-delay),
              transform var(--t-base) var(--e-spring) var(--rp-pt-delay);
}
/* Siste maalepunkt — den ene fylte prikken */
.s-rapport .rp__pt--now {
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
  background: var(--or-orange);
  box-shadow: 0 0 0 3px var(--or-white), 0 2px 6px var(--rp-dot-glow);
}

.s-rapport .rp__tip {
  position: absolute;
  left: 98.333%;
  top: 12.58%;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 5px 10px;
  border-radius: var(--r-pill);
  background: var(--or-white);
  border: 1px solid var(--or-border);
  box-shadow: var(--sh-md);
  white-space: nowrap;
  transform: translate(calc(-100% + 10px), calc(-100% - 14px)) translateY(4px);
  transform-origin: calc(100% - 10px) 100%;
  opacity: 0;
  transition: opacity var(--t-base) var(--e-out) 1320ms,
              transform var(--t-base) var(--e-out) 1320ms;
}
.s-rapport .rp__tip-val {
  font-size: var(--fs-small);
  font-weight: var(--fw-bold);
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--or-ink-900);
}
.s-rapport .rp__tip-lab {
  font-size: var(--rp-mic);
  line-height: 1.1;
  color: var(--or-ink-500);
}

.s-rapport .rap-panel.is-in .rp__line { stroke-dashoffset: 0; }
.s-rapport .rap-panel.is-in .rp__area { opacity: 1; }
.s-rapport .rap-panel.is-in .rp__guide { opacity: 1; }
.s-rapport .rap-panel.is-in .rp__pt { opacity: 1; transform: scale(1); }
.s-rapport .rap-panel.is-in .rp__tip {
  opacity: 1;
  transform: translate(calc(-100% + 10px), calc(-100% - 14px));
}

.s-rapport .rp__x {
  position: relative;
  height: 1.4em;
  margin-top: var(--s-3);
  font-size: var(--rp-mic);
  line-height: 1.4;
  color: var(--or-ink-500);
}
.s-rapport .rp__x span {
  position: absolute;
  left: var(--x);
  transform: translateX(-50%);
}
/* Endeetikettene klemmes mot plottkanten i stedet for aa sentreres,
   ellers henger de utenfor plottet og kolliderer med y-aksen. */
.s-rapport .rp__x span:first-child { transform: none; }
.s-rapport .rp__x span:last-child { transform: translateX(-100%); }

/* ---------- Plasseringstabellen ---------- */
.s-rapport .rp__table { padding: var(--rp-pad); }
.s-rapport .rp__tbl {
  width: 100%;
  table-layout: fixed;
}
.s-rapport .rp__tbl-cap {
  text-align: left;
  font-size: var(--fs-small);
  font-weight: var(--fw-semi);
  letter-spacing: -0.012em;
  color: var(--or-ink-900);
  padding-bottom: var(--s-4);
}
.s-rapport .rp__th {
  font-size: var(--rp-cap);
  font-weight: var(--fw-medium);
  color: var(--or-ink-500);
  text-align: left;
  padding-bottom: var(--s-2);
  border-bottom: 1px solid var(--or-border-soft);
  white-space: nowrap;
}
.s-rapport .rp__th--num { text-align: right; width: 98px; }
.s-rapport .rp__th--num:last-child { width: 84px; }

.s-rapport .rp__td {
  padding-block: var(--s-3);
  border-bottom: 1px solid var(--or-border-soft);
  font-size: var(--fs-small);
  color: var(--or-ink-800);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.s-rapport .rp__tbl tbody tr:last-child .rp__td { border-bottom: 0; }
.s-rapport .rp__td--kw { padding-right: var(--s-4); }
.s-rapport .rp__td--num {
  text-align: right;
  font-weight: var(--fw-semi);
  color: var(--or-ink-900);
}
.s-rapport .rp__move {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: var(--fs-small);
  font-weight: var(--fw-semi);
  color: var(--rp-up);
}

.s-rapport .rp__rest {
  margin-top: var(--s-3);
  padding-top: var(--s-3);
  border-top: 1px solid var(--or-border-soft);
  font-size: var(--rp-cap);
  color: var(--or-ink-500);
}

/* ---------- Bunnlinje ---------- */
.s-rapport .rp__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--s-4);
  padding: var(--s-4) var(--rp-pad);
  border-top: 1px solid var(--or-border-soft);
  background: var(--or-gray-50);
  font-size: var(--rp-cap);
  color: var(--or-ink-500);
}
.s-rapport .rp__foot-item {
  display: inline-flex;
  align-items: center;
  gap: var(--s-2);
  min-width: 0;
}
/* samme groenn som alle andre «opp/bedre»-markoerer i seksjonen */
.s-rapport .rp__foot-item svg { color: var(--rp-up); }
.s-rapport .rp__foot-item--src {
  color: var(--or-ink-500);
  text-align: right;
}

/* ============================================================
   RESPONSIVT
   ============================================================ */

/* Anslaget skal baere vekten mot panelet — men bare der det faktisk
   staar paa en linje: mellom 901 og 1180 er kopispalten for smal, og
   da bryter «Ikke løfter. Tall.» stygt. */
@media (min-width: 1181px), (max-width: 900px) {
  .s-rapport .rap-head h2 {
    font-size: var(--fs-h1);
    line-height: var(--lh-tight);
    letter-spacing: var(--ls-h1);
  }
}

@media (max-width: 1024px) {
  .s-rapport .rap-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    column-gap: var(--s-10);
  }
  .s-rapport .rap-chip { padding-inline: 10px; }
  .s-rapport .rp__th--num { width: 84px; }
  .s-rapport .rp__th--num:last-child { width: 74px; }
}

/* Panelet er smalest naar siden fortsatt er todelt — da gaar
   noekkeltallene til 2x2 saa ingen etikett kuttes, og kanalbrikkene
   samme vei saa «WhatsApp» ikke blir staaende alene paa rad to. */
@media (min-width: 901px) and (max-width: 1180px) {
  .s-rapport .rp__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .s-rapport .rp__kpi:nth-child(odd) { border-left: 0; }
  .s-rapport .rp__kpi:nth-child(n+3) { border-top: 1px solid var(--or-border-soft); }

  .s-rapport .rap-chips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: start;
  }
}

@media (max-width: 900px) {
  .s-rapport {
    --rp-plot-h: clamp(160px, 26vw, 210px);
  }
  .s-rapport .rap-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(var(--s-10), 5vw, var(--s-14));
  }
  .s-rapport .rap-aside { display: block; }
  .s-rapport .rap-aside__in { position: static; }
  /* ch = bredden paa «0» (~0,67em), saa 44ch ≈ 62 tegn — ikke 44. */
  .s-rapport .rap-head .lead,
  .s-rapport .rap-kanal__line { max-width: 44ch; }
  /* To kolonner: en strek paa <ul> ville krysse kolonnegapet, saa
     hver rad baerer sin egen over- og understrek i stedet. */
  .s-rapport .rap-list {
    max-width: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--s-8);
    border-top: 0;
    border-bottom: 0;
  }
  .s-rapport .rap-list__item:first-child { border-top: 1px solid var(--or-border); }
  .s-rapport .rap-list__item:nth-child(n+3) { border-bottom: 1px solid var(--or-border); }
}

@media (max-width: 560px) {
  .s-rapport {
    --rp-pad: var(--s-4);
    --rp-ycol: 48px;
    --rp-gap: var(--s-2);
    --rp-plot-h: 168px;
    /* SPEC: aldri under 14px paa mobil — mikrotypen loeftes samlet */
    --rp-cap: var(--fs-small);
    --rp-mic: var(--fs-small);
  }
  /* primitivene foelger samme gulv inne i denne seksjonen */
  .s-rapport .eyebrow { font-size: var(--fs-small); }
  .s-rapport .badge { font-size: var(--fs-small); }

  /* tilbake til en kolonne — og til <ul> som ramme */
  .s-rapport .rap-list {
    grid-template-columns: minmax(0, 1fr);
    border-top: 1px solid var(--or-border);
    border-bottom: 1px solid var(--or-border);
  }
  .s-rapport .rap-list__item { padding-block: var(--s-3); }
  .s-rapport .rap-list__item:first-child { border-top: 0; }
  .s-rapport .rap-list__item:nth-child(n+3) { border-bottom: 0; }

  /* fire brikker paa en rad brekker 3+1 her — 2x2 er den eneste
     rytmen som ikke etterlater en foreldreloes brikke */
  .s-rapport .rap-chips {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: start;
  }

  .s-rapport .rp__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .s-rapport .rp__kpi { padding-block: var(--s-4); }
  .s-rapport .rp__kpi:nth-child(odd) { border-left: 0; }
  .s-rapport .rp__kpi:nth-child(n+3) { border-top: 1px solid var(--or-border-soft); }
  .s-rapport .rp__kpi-chip { height: 24px; }

  .s-rapport .rp__chart-head { margin-bottom: var(--s-8); }
  /* to av fire rutenettlinjer staar umerket paa smal skjerm —
     ellers blir aksekolonnen bredere enn selve plottet */
  .s-rapport .rp__y-minor { display: none; }

  .s-rapport .rp__th--num { width: 76px; }
  .s-rapport .rp__th--num:last-child { width: 66px; }
  .s-rapport .rp__td--kw { padding-right: var(--s-3); }

  .s-rapport .rp__bar { padding-block: var(--s-3); }
  .s-rapport .rp__foot {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s-2);
    padding-block: var(--s-4);
  }
  /* begge bunnlinjene deler venstrekant, ogsaa naar de stables */
  .s-rapport .rp__foot-item--src {
    text-align: left;
    padding-left: calc(16px + var(--s-2));
  }
}

@media (prefers-reduced-motion: reduce) {
  .s-rapport .rp__line { stroke-dashoffset: 0; }
  .s-rapport .rp__area,
  .s-rapport .rp__guide,
  .s-rapport .rp__pt,
  .s-rapport .rp__tip { opacity: 1; }
  .s-rapport .rp__pt { transform: scale(1); }
  .s-rapport .rp__tip { transform: translate(calc(-100% + 10px), calc(-100% - 14px)); }
}

/* Uten JavaScript kjoerer ingen [data-reveal]-observer — da vises
   seksjonen ferdig avdekket i stedet for aa bli staaende usynlig. */
@media (scripting: none) {
  .s-rapport [data-reveal] { opacity: 1; transform: none; }
  .s-rapport .rp__line { stroke-dashoffset: 0; }
  .s-rapport .rp__area,
  .s-rapport .rp__guide,
  .s-rapport .rp__pt,
  .s-rapport .rp__tip { opacity: 1; }
  .s-rapport .rp__pt { transform: scale(1); }
  .s-rapport .rp__tip { transform: translate(calc(-100% + 10px), calc(-100% - 14px)); }
}


/* ------------------------------------------------------------
   Etterslep etter omskriving — regler markupen mangler
   ------------------------------------------------------------ */

/* Punktlisten i kopispalten: hårlinjer i stedet for kuler, slik at den
   leses som et innholdsregister for rapporten ved siden av — ikke som
   nok en punktliste. Ikonet er en liten strek som peker mot panelet. */
.s-rapport .rap-punkter {
  margin-top: clamp(var(--s-6), 2vw, var(--s-8));
  border-top: 1px solid var(--or-border);
}
.s-rapport .rap-punkter li {
  position: relative;
  padding: var(--s-3) 0 var(--s-3) var(--s-6);
  border-bottom: 1px solid var(--or-border);
  font-size: var(--rp-cap);
  font-weight: var(--fw-medium);
  color: var(--or-ink-700);
  letter-spacing: -0.008em;
}
.s-rapport .rap-punkter li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 1px;
  background: var(--or-orange);
  transform: translateY(-50%);
}

/* Endepunktet på kurven — markerer «her er du nå». */
.s-rapport .rp__end {
  position: absolute;
  right: 0;
  top: 12px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--or-orange);
  box-shadow: 0 0 0 3px var(--or-white), 0 0 0 5px rgba(242, 85, 51, .18);
  transform: translate(50%, -50%);
}

/* Nøytral KPI-brikke: «en om dagen» er en opplysning, ikke en endring,
   og skal derfor ikke bære den grønne vekstfargen. */
.s-rapport .rp__kpi-chip--flat {
  background: var(--or-gray-100);
  color: var(--or-ink-500);
}