/* Kopiert fra Vannloggen 76b340a 2026-10-06 (src/Vannloggen.Web/wwwroot/css/app.css) – tilpasset Dyreloggen: to fronter med hver sin
   farge (body.front-dyr = Dyreloggen, sjøgrønn · body.front-hest = Stalloggen, salbrun), og bare klassene grunnmuren bruker. */
/* Ett stilark, ingen rammeverk. Mobil først, store trykkflater. Ingen inline-stiler (CSP: style-src 'self'). */

:root {
  --hoved: #0f766e;
  --hoved-mork: #0b5a54;
  --hoved-lys: #dff3f0;
  --topp: #0f766e;
  --paa-hoved: #ffffff;
  --varm: #f59e0b;
  --tekst: #17302d;
  --tekst-lys: #5a706d;
  --bakgrunn: #f4f9f8;
  --kort: #ffffff;
  --linje: #d5e5e2;
  --gronn: #237047;
  --gronn-lys: #e1f3e8;
  --gul: #8a6200;
  --gul-lys: #fdf1cf;
  --rod: #b3402a;
  --rod-lys: #f9e4df;
  --skygge: 0 1px 2px rgba(23, 48, 45, .08), 0 4px 14px rgba(23, 48, 45, .06);
  --radius: 16px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light dark;
}
body.front-hest {
  --hoved: #7a4a2b;
  --hoved-mork: #5e3820;
  --hoved-lys: #f3e7dc;
  --topp: #7a4a2b;
  --varm: #c2410c;
  --tekst: #2e2119;
  --tekst-lys: #74655a;
  --bakgrunn: #faf6f1;
  --linje: #e6dacd;
  --skygge: 0 1px 2px rgba(46, 33, 25, .08), 0 4px 14px rgba(46, 33, 25, .06);
}

@media (prefers-color-scheme: dark) {
  :root {
    --hoved: #5fd0c3;
    --hoved-mork: #8be0d6;
    --hoved-lys: #12322f;
    --topp: #0b5a54;
    --paa-hoved: #06211e;
    --tekst: #e2efed;
    --tekst-lys: #a3bab7;
    --bakgrunn: #0c1b19;
    --kort: #132724;
    --linje: #24423e;
    --gronn: #6fcf97;
    --gronn-lys: #183a2a;
    --gul: #f2c14e;
    --gul-lys: #3d3214;
    --rod: #f08a75;
    --rod-lys: #4a221a;
    --skygge: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);
  }
  body.front-hest {
    --hoved: #e0a878;
    --hoved-mork: #efc29c;
    --hoved-lys: #3a2718;
    --topp: #5e3820;
    --paa-hoved: #2a1a0f;
    --tekst: #f1e8df;
    --tekst-lys: #c0ad9d;
    --bakgrunn: #1b140f;
    --kort: #271d16;
    --linje: #45352a;
    --skygge: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);
  }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; font-family: var(--font); font-size: 17px; line-height: 1.45;
  color: var(--tekst); background: var(--bakgrunn); min-height: 100dvh; display: flex; flex-direction: column;
}
a { color: var(--hoved); }
h1 { font-size: 1.55rem; line-height: 1.2; margin: 0 0 .5rem; }
h2 { font-size: 1.2rem; margin: 1.4rem 0 .5rem; }
h3 { font-size: 1.02rem; margin: 1rem 0 .3rem; }
p { margin: 0 0 .8rem; }
small, .dempet { color: var(--tekst-lys); }
.dempet { font-size: .92rem; }
.hopp { position: absolute; left: -999px; top: 0; }
.hopp:focus { left: 8px; top: 8px; z-index: 50; background: var(--kort); padding: 8px 12px; border-radius: 8px; }

/* Topp og bunn */
.topp {
  position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 12px;
  padding: 10px 16px; padding-top: max(10px, env(safe-area-inset-top));
  background: var(--topp); color: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, .12);
}
.merke { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 1.15rem; color: inherit; text-decoration: none; }
.merke-ikon { width: 30px; height: 30px; }
.topp-virksomhet { margin-left: auto; color: #fff; font-size: .85rem; text-decoration: none; max-width: 45vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px; padding: 4px 12px; }
.topp-virksomhet:hover, .topp-virksomhet:focus-visible { background: rgba(255, 255, 255, .15); }
.topp-innlogging { margin-left: auto; display: inline-flex; align-items: center; min-height: 40px; padding: 8px 18px; border-radius: 10px; background: #fff; color: #17302d; font-weight: 700; text-decoration: none; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); }
.topp-innlogging:hover, .topp-innlogging:focus-visible { background: #f1f5f4; }
.innhold { flex: 1; width: 100%; max-width: 860px; margin: 0 auto; padding: 18px 16px 110px; }
.innhold:focus { outline: none; }
.bunn {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 5; display: flex; justify-content: space-around;
  background: var(--kort); border-top: 1px solid var(--linje); padding-bottom: env(safe-area-inset-bottom);
}
.bunn a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 2px 9px; font-size: .74rem; color: var(--tekst-lys); text-decoration: none; min-height: 56px; }
.bunn a svg { width: 24px; height: 24px; }
.bunn a.aktiv { color: var(--hoved); font-weight: 700; }
.bunntekst { text-align: center; padding: 22px 16px 30px; color: var(--tekst-lys); font-size: .9rem; border-top: 1px solid var(--linje); }
.bunntekst a { color: var(--tekst-lys); }
.navn-bilde { vertical-align: middle; height: 15px; width: auto; }

/* Kort, knapper, skjema */
.kort { background: var(--kort); border-radius: var(--radius); box-shadow: var(--skygge); padding: 16px; margin-bottom: 14px; }
.kort > :last-child { margin-bottom: 0; }
.kort h2:first-child, .kort h3:first-child { margin-top: 0; }
.kort.info { border-left: 5px solid var(--hoved); }
.kort.smal { max-width: 460px; margin-left: auto; margin-right: auto; }
.knapp {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 46px; padding: 10px 18px;
  border: 0; border-radius: 12px; background: var(--hoved); color: var(--paa-hoved); font: inherit; font-weight: 650; text-decoration: none; cursor: pointer;
}
.knapp:hover { background: var(--hoved-mork); }
.knapp:disabled { opacity: .6; cursor: default; }
.knapp.sekundaer { background: var(--hoved-lys); color: var(--hoved); }
.knapp.sekundaer:hover { background: var(--hoved-lys); filter: brightness(.96); }
.knapp.lenke { background: none; color: var(--hoved); padding: 4px 6px; min-height: 0; font-weight: 600; text-decoration: underline; }
.knapp.stor { min-height: 54px; font-size: 1.05rem; padding: 12px 22px; }
.knapp.liten { min-height: 36px; padding: 6px 12px; font-size: .9rem; }
.bred { width: 100%; }
.knapp.bred + .knapp.bred, form + form .knapp.bred { margin-top: 8px; }
.knapperad { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 12px 0; }
.felt { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.felt label, legend { font-weight: 600; }
.felt label small { font-weight: 400; }
.felt.har-feil input, .felt.har-feil textarea { border-color: var(--rod); }
input[type=text], input[type=email], input[type=date], input[type=number], input[type=tel], select, textarea {
  font: inherit; color: var(--tekst); background: var(--kort); border: 1.5px solid var(--linje); border-radius: 10px; padding: 10px 12px; min-height: 46px; width: 100%;
}
textarea { min-height: 90px; resize: vertical; }
input:focus, select:focus, textarea:focus, .knapp:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--hoved) 45%, transparent); outline-offset: 1px; }
input.kode { font-size: 1.6rem; letter-spacing: .3em; text-align: center; }
.hint { font-size: .86rem; color: var(--tekst-lys); font-weight: 400; }
.feil-tekst { color: var(--rod); }
.avkryss { display: flex; flex-direction: row; align-items: center; gap: 10px; font-weight: 500; min-height: 40px; }
.avkryss input { width: 22px; height: 22px; accent-color: var(--hoved); }
.rad { display: grid; grid-template-columns: 1fr; gap: 0 14px; }
@media (min-width: 640px) { .rad { grid-template-columns: 1fr 1fr; } .rad.tre { grid-template-columns: 1fr 1fr 1fr; } }
.to-kolonner { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.to-kolonner > * { min-width: 0; }
@media (max-width: 419px) { .to-kolonner { grid-template-columns: 1fr; } }
fieldset { border: 0; padding: 0; min-width: 0; }
fieldset.felt { margin: 0 0 14px; }
legend { margin-bottom: 6px; padding: 0; }
/* Velger: radioknapper som store trykkflater (type virksomhet i registreringen). */
.velger { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
@media (max-width: 359px) { .velger { grid-template-columns: 1fr; } }
.velger label { position: relative; display: flex; font-weight: 500; cursor: pointer; }
.velger input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.velger span { flex: 1; display: flex; align-items: center; min-height: 48px; padding: 8px 12px; border: 1.5px solid var(--linje); border-radius: 12px; background: var(--kort); font-size: .95rem; }
.velger input:checked + span { border-color: var(--hoved); background: var(--hoved-lys); font-weight: 650; }
.velger input:focus-visible + span { outline: 3px solid color-mix(in srgb, var(--hoved) 45%, transparent); outline-offset: 1px; }
/* Fakturaperiode på /Abonnement: tre kort med periode, totalpris og pris per måned (ingen span inni – .velger span er selve kortet). */
.velger.perioder { grid-template-columns: 1fr; }
@media (min-width: 620px) { .velger.perioder { grid-template-columns: repeat(3, 1fr); } }
.velger.perioder span { flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; padding: 12px 14px; }
.velger.perioder b { font-size: 1.05rem; }
.velger.perioder small { font-size: .88rem; font-weight: 500; color: var(--tekst); }
.velger.perioder small.dempet { color: var(--tekst-lys); }

/* Meldinger og merkelapper */
.melding { border-radius: 12px; padding: 12px 14px; margin-bottom: 14px; font-weight: 500; }
.melding.ok { background: var(--gronn-lys); color: var(--gronn); }
.melding.feil { background: var(--rod-lys); color: var(--rod); }
.melding.info { background: var(--hoved-lys); color: var(--tekst); }
.merkelapp { display: inline-block; font-size: .78rem; font-weight: 700; padding: 2px 9px; border-radius: 999px; background: var(--hoved-lys); color: var(--tekst); vertical-align: middle; white-space: nowrap; }
.merkelapp.gronn { background: var(--gronn-lys); color: var(--gronn); }
.merkelapp.rod { background: var(--rod-lys); color: var(--rod); }
.merkelapp.gul { background: var(--gul-lys); color: var(--gul); }
.merkelapp.bla { background: var(--hoved-lys); color: var(--hoved); }

/* Lister og tabeller */
.liste { list-style: none; margin: 0; padding: 0; }
.liste > li { padding: 12px 0; border-bottom: 1px solid var(--linje); }
.liste > li:first-child { padding-top: 0; }
.liste > li:last-child { border-bottom: 0; padding-bottom: 0; }
.tittel { font-weight: 650; }
a.tittel { color: inherit; }
.linje-flex { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.linje-flex form { margin: 0; }
.tabell-rull { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: .95rem; }
th, td { text-align: left; padding: 8px 8px; border-bottom: 1px solid var(--linje); vertical-align: top; }
th { font-size: .82rem; text-transform: uppercase; letter-spacing: .03em; color: var(--tekst-lys); }
td.tall, th.tall { text-align: right; white-space: nowrap; }
.def { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0 0 .8rem; }
.def dt { font-weight: 600; color: var(--tekst-lys); }
.def dd { margin: 0; }

/* Oversikten: modulene som kommer */
.moduler { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .moduler { grid-template-columns: 1fr 1fr; } }
.moduler .modul { margin: 0; border-left: 5px solid var(--hoved); }
.moduler .modul.kommer { border-left-color: var(--linje); }
.moduler .modul p { margin: 4px 0 0; }

/* Eierområdet */
.nokkeltall { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 14px; }
@media (min-width: 640px) { .nokkeltall { grid-template-columns: repeat(4, 1fr); } }
.nokkel { margin: 0; display: flex; flex-direction: column; gap: 2px; color: inherit; text-decoration: none; }
.nokkel b { font-size: 1.5rem; line-height: 1.2; }
.nokkel span { font-size: .85rem; color: var(--tekst-lys); }
.eier-tabell table, .eier-logg table { font-size: .88rem; white-space: nowrap; }
.eier-meny { margin-bottom: 18px; }
.innstilling-standard { display: block; }

/* Landingssidene */
.landing .hero { display: grid; gap: 18px; padding: 10px 0 8px; align-items: center; }
.landing .hero h1 { font-size: 1.95rem; }
.landing .slagord { display: inline-block; font-weight: 800; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; color: var(--hoved); background: var(--hoved-lys); border-radius: 999px; padding: 4px 12px; margin-bottom: .7rem; }
.landing .ingress { font-size: 1.12rem; }
.landing section { margin-bottom: 26px; }
.landing .fordeler { display: grid; gap: 12px; grid-template-columns: 1fr; }
.landing .fordeler .kort { margin: 0; border-top: 4px solid var(--hoved-lys); }
@media (min-width: 680px) {
  .landing .hero { grid-template-columns: 1.35fr 1fr; padding-top: 22px; }
  .landing .hero h1 { font-size: 2.3rem; }
  .landing .fordeler { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) { .landing .fordeler { grid-template-columns: 1fr 1fr 1fr; } }
/* Hero-kortet: et lite «dagens tilsyn» som viser hva det handler om – det kjedelige skal bli gøy. */
.hero-kort { margin: 0; background: var(--kort); border-radius: 22px; box-shadow: var(--skygge); padding: 16px; border: 2px solid var(--hoved-lys); transform: rotate(-1.2deg); }
.hero-kort figcaption { font-weight: 700; font-size: .9rem; color: var(--tekst-lys); margin-bottom: 8px; }
.hero-kort ul { list-style: none; margin: 0; padding: 0; }
.hero-kort li { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--linje); }
.hero-kort li:last-child { border-bottom: 0; }
.hero-kort li span:last-child { display: flex; flex-direction: column; line-height: 1.25; }
.hake { flex: none; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.hake.ok { background: var(--gronn-lys); color: var(--gronn); }
.hake.avvik { background: var(--gul-lys); color: var(--gul); }
.krav { counter-reset: krav; list-style: none; padding: 0; margin: 0 0 .8rem; }
.krav li { counter-increment: krav; position: relative; padding: 10px 0 10px 44px; border-bottom: 1px solid var(--linje); }
.krav li::before { content: counter(krav); position: absolute; left: 0; top: 10px; width: 30px; height: 30px; border-radius: 50%; background: var(--hoved); color: var(--paa-hoved); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.priser { display: grid; gap: 12px; grid-template-columns: 1fr; margin-bottom: 12px; }
@media (min-width: 520px) { .priser { grid-template-columns: 1fr 1fr; } }
@media (min-width: 760px) { .priser { grid-template-columns: repeat(3, 1fr); } }
.priser .kort { text-align: center; margin: 0; }
.priser .kort.valgt { outline: 3px solid var(--hoved); }
.priser .kort p { margin-bottom: .3rem; }
.priser .pris { font-size: 1.7rem; font-weight: 800; color: var(--hoved); }
.prosa { max-width: 680px; }
.prosa h2 { margin-top: 1.6rem; }
.prosa li { margin-bottom: .35rem; }
.faq details { background: var(--kort); border-radius: 12px; box-shadow: var(--skygge); padding: 12px 16px; margin-bottom: 8px; }
.faq summary { font-weight: 650; cursor: pointer; }
.faq details p { margin: .6rem 0 0; }

@media print {
  .topp, .bunn, .bunntekst, .knapperad { display: none !important; }
  body { background: #fff; }
  .kort { box-shadow: none; border: 1px solid #ccc; }
}

/* Fase 1: dyr, eiere og journalmodulene */
.skjult { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[hidden] { display: none !important; }
.sidetopp { align-items: center; margin-bottom: 10px; }
.sidetopp h1 { margin: 0; }
.tilbake { margin: 0 0 6px; font-size: .95rem; }
.tilbake a { text-decoration: none; font-weight: 600; display: inline-block; padding: 6px 0; }
.sok { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-bottom: 10px; }
.filter { display: flex; gap: 6px; overflow-x: auto; margin-bottom: 12px; padding-bottom: 2px; }
.filter a { flex: none; padding: 7px 14px; border-radius: 999px; background: var(--kort); border: 1.5px solid var(--linje); color: var(--tekst); text-decoration: none; font-size: .9rem; min-height: 38px; display: inline-flex; align-items: center; }
.filter a.valgt { background: var(--hoved); border-color: var(--hoved); color: var(--paa-hoved); font-weight: 650; }
.dyreliste { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.dyrerad { display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 14px; color: inherit; text-decoration: none; min-height: 64px; }
a.dyrerad:hover, a.dyrerad:focus-visible { outline: 2px solid var(--hoved-lys); }
.dyrerad-tekst { flex: 1; min-width: 0; display: block; }
.dyrerad-tekst small { display: block; overflow: hidden; text-overflow: ellipsis; }
.dyrerad-tekst .merkelapp { margin-left: 4px; }
.dyrerad-side { flex: none; text-align: right; }
.dyrebilde { flex: none; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: var(--hoved-lys); }
.dyrebilde.tom { display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.3rem; color: var(--hoved); }
.dyrebilde.stort { width: 96px; height: 96px; font-size: 2.2rem; }
.dyrebilde.liten { width: 40px; height: 40px; font-size: 1rem; }
.dyrekort-topp { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.dyrekort-topp h1 { margin-bottom: .2rem; }
.dyrekort-topp p { margin: 0; }
.melding.varsel { background: var(--gul-lys); color: var(--gul); }
.flerlinje { white-space: pre-line; }
.under-felt { margin-top: 10px; padding: 12px 12px 2px; border-left: 4px solid var(--hoved-lys); background: color-mix(in srgb, var(--hoved-lys) 35%, transparent); border-radius: 0 10px 10px 0; }
.knapp.fare { color: var(--rod); }
.knapp.rod { background: var(--rod); color: #fff; }
input[type=file] { font: inherit; width: 100%; padding: 8px 0; }
input[type=time], input[type=datetime-local], input[type=search] { font: inherit; color: var(--tekst); background: var(--kort); border: 1.5px solid var(--linje); border-radius: 10px; padding: 10px 12px; min-height: 46px; width: 100%; }
details.kort > summary { font-weight: 650; cursor: pointer; min-height: 30px; }
details.kort[open] > summary { margin-bottom: 10px; }
.meny { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.meny a { display: flex; flex-direction: column; margin: 0; color: inherit; text-decoration: none; border-left: 5px solid var(--hoved); }
.meny a small { margin-top: 2px; }

/* Opphold: belegg dag for dag */
.velger.en-kolonne { grid-template-columns: 1fr; }
.belegg { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 4px; }
.belegg li { display: grid; grid-template-columns: 8.5em 1fr 2.2em; gap: 10px; align-items: center; font-size: .92rem; }
.belegg li b { text-align: right; }
.belegg meter { width: 100%; height: 14px; }
.belegg li.over b, .belegg li.over .belegg-dag { color: var(--rod); }
.belegg-dag::first-letter { text-transform: uppercase; }

/* Journalen */
.velger.tre { grid-template-columns: 1fr 1fr; }
@media (min-width: 520px) { .velger.tre { grid-template-columns: 1fr 1fr 1fr; } }
.journal .journalpost { margin: 0; padding: 12px 14px; border-left: 5px solid var(--hoved-lys); }
.journal .journalpost.alvorlig { border-left-color: var(--rod); }
.journal .journalpost.rettet .journal-tekst { color: var(--tekst-lys); }
.journal .journalpost:target { outline: 3px solid var(--hoved); }
.journal-tekst { margin: 6px 0; }
.journal-tid { white-space: nowrap; }
.journal-bilder { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0; }
.journal-bilder img { width: 120px; height: 120px; object-fit: cover; border-radius: 10px; background: var(--hoved-lys); }
h2 + .knapp.liten, .linje-flex > h2 { margin-top: 1.4rem; }
.linje-flex > .knapp.liten { align-self: flex-end; margin-bottom: .5rem; }

/* Tilsyn */
.tilsynsrad { margin: 0; padding: 12px 14px; border-left: 5px solid var(--linje); }
.tilsynsrad.ok { border-left-color: var(--gronn); }
.tilsynsrad.avvik { border-left-color: var(--varm); }
.tilsynsrad .dyrerad { padding: 0; min-height: 0; }
.tilsynsrad:target { outline: 3px solid var(--hoved-lys); }
.tilsyn-knapper { margin: 10px 0 0; }
.tilsyn-knapper form { flex: 2; margin: 0; }
.tilsyn-knapper form .knapp { width: 100%; }
.tilsyn-knapper > a.knapp { flex: 1; }
.tilsyn-avvik { margin: 8px 0 0; }
.velger.avkryssing input:checked + span { border-color: var(--varm); background: var(--gul-lys); }

/* Vaksiner og medisin */
.dose-tid { font-variant-numeric: tabular-nums; margin-right: 4px; }
details.ikke-gitt { margin-top: 8px; }
details.ikke-gitt summary { color: var(--tekst-lys); cursor: pointer; min-height: 30px; }
details.ikke-gitt form { margin-top: 8px; }
.melding ul { margin: 6px 0 0; padding-left: 20px; }

/* Rutiner */
.rutinetekst { line-height: 1.55; overflow-wrap: anywhere; }
textarea#tekst { min-height: 50vh; font-size: .98rem; line-height: 1.5; }

/* Helsekort */
.kort.rettet { opacity: .7; }
.kort.rettet > .linje-flex b, .kort.rettet > .linje-flex span:first-child, .kort.rettet > p:not(:last-child) { text-decoration: line-through; }

/* Oversikten */
.nokkel.haster { border-left: 5px solid var(--gul); }
.nokkel.haster b { color: var(--gul); }
#kom-i-gang ol { margin: 0; padding-left: 20px; }
#kom-i-gang li { margin: 6px 0; }