/* sporlaus-offentleg.css — det den OPNE sida treng og huben ikkje har.
 *
 * Huben sine tre stilfiler (`hub.css`, `sporlaus.css`, `fontar.css`) er kopiar
 * og blir ALDRI retta her eller der. Alt som skal vere annleis på den opne
 * sida, står i denne fila. `prove-stilkopi.mjs` måler begge halvdelane: at
 * kopiane er byte for byte like huben sine, og at ingen av vela som er
 * definerte her òg står i kopiane.
 *
 * Kvifor det skiljet er verdt ein eigen port: den billegaste feilen er å rette
 * noko der det står, i staden for å overstyre det. Ei slik retting ville vore
 * usynleg — og ho ville forsvunne neste gong kopien blir henta.
 *
 * ALT I DENNE FILA FINST AV ÉIN GRUNN: SIDA HAR EI SIDE PER FANE OG PER SPRÅK.
 * Huben er éi side som byter innhald med JS. Den opne sida har 21 filer, og
 * ingen javascript utanom lys/mørk-knappen. Det gjer tre ting annleis, og
 * ingenting meir:
 *
 *   1. Fanene er lenkjer, ikkje knappar. Den opne fana er merkt
 *      `aria-current="page"`, ikkje `aria-selected="true"`.
 *   2. Språkvalet er eit <details> som opnar ei liste med lenkjer, ikkje ein
 *      <select>. Ein <select> utan JS gjer ingenting når nokon vel i han.
 *   3. Merkenamnet er tekst og ikkje ei lenkje — akkurat som i huben.
 */

/* --------------------------------------------------------------------------
   1. FANA SOM ER OPEN

   Reglane under er ORDRETT dei same som `.fane[aria-selected="true"]` i
   huben sin `sporlaus.css`, berre med ein annan vel. Dei ER ei dobling, og
   det er ikkje eit val eg likar — men alternativet var å setje
   `aria-selected` på ei lenkje som ikkje er ein tab, og lyge for skjermlesaren
   om kva sida er.

   Doblinga er difor MÅLT: `prove-stilkopi.mjs` les begge blokkene og krev at
   dei har nøyaktig same erklæringar. Endrar huben fana si, blir porten raud
   her. */
.sporlaus .faner a.fane {
  text-decoration: none;
  color: var(--sp-dempa);
  display: inline-flex;
  align-items: center;
}

.sporlaus .faner a.fane[aria-current="page"] {
  height: 52px;
  background: var(--sp-botn);
  color: var(--sp-tekst);
  font-weight: 500;
  border-color: var(--sp-kant);
  border-top: 3px solid var(--sp-aksent);
  margin-bottom: -1px;
  z-index: 2;
}

@media (max-width: 720px) {
  .sporlaus .faner a.fane[aria-current="page"] { height: 44px; font-weight: 400; }
}

/* --------------------------------------------------------------------------
   2. SPRÅKVALET

   <summary> ber huben sin `.lang-val`, so pilla, høgda, ramma og pila er
   huben sine og ikkje mine. Det som står her, er berre det <details> treng
   for å vere eit nedtrekk: vekk med nettlesaren sin eigen trekant, og ei
   liste som legg seg OVER innhaldet i staden for å dytte det ned. */
.sporlaus .sprakval {
  position: relative;
}

.sporlaus .sprakval > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
}

.sporlaus .sprakval > summary::-webkit-details-marker {
  display: none;
}

.sporlaus .sprakval-liste {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  min-width: 100%;
  padding: 4px;
  border: 1px solid var(--sp-kant);
  border-radius: 12px;
  background: var(--sp-botn);
}

.sporlaus .sprakval-liste a {
  padding: 0 12px;
  /* 44 px er same trykkflata som huben krev av fanene. Ei lenkje i ei liste
     er like mykje ein finger sitt mål som ein knapp er. */
  min-height: 44px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-decoration: none;
  color: var(--sp-tekst);
  border-radius: 8px;
  font-size: 14.5px;
}

.sporlaus .sprakval-liste a:hover {
  background: var(--sp-kort);
}

.sporlaus .sprakval-liste a[aria-current="page"] {
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   3. BOTNEN

   Botnen på sporlaus.no var eit MØRKT band før 26.09: lys blå lenkjer og
   nesten kvit tekst på svart. I hubdrakta ligg han på huben si lyse kortflate,
   og dei same fargane gjev 1,65:1 — målt av porten, ikkje gjetta.

   Fargane er difor sette på nytt HER, ikkje retta i `stil.css`: dei gjeld berre
   når botnen står i hubdrakta. */
/* Lenkjene stod som fire rader i full breidd og såg ut som ein tabell (sett på
   skjermbiletet 26.09, ikkje målt av porten — ein port tel piksler og kan ikkje
   sjå at noko ser feil ut). Dei er pillar på ei rad som bryt, som resten av
   staden. Trykkflata er framleis 48 px høg; det er porten som passar på han. */
.sporlaus .sporlaus-botn .botn-meny {
  display: flex;
  /* `stil.css` har `flex-direction: column` her. Utan denne lina stod pillane
     framleis i full breidd — i ein kolonne strekkjer `align-items: stretch`
     dei på tvers, altså i breidda. Fyrste retting sette berre `flex-wrap`, og
     skjermbiletet såg heilt likt ut. */
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
}

.sporlaus .sporlaus-botn .botn-lenkje {
  color: var(--sp-tekst);
  background: transparent;
  border: 1px solid var(--sp-kant);
  border-radius: 999px;
  padding: 0 16px;
  width: auto;
  display: inline-flex;
  align-items: center;
}

.sporlaus .sporlaus-botn .botn-lenkje:hover {
  background: var(--sp-kort);
}

.sporlaus .sporlaus-botn .botn-post {
  color: var(--sp-tekst);
  background: transparent;
  border: 1px solid var(--sp-kant);
  border-radius: 999px;
  padding: 0 16px;
  width: auto;
  display: inline-flex;
  align-items: center;
}

.sporlaus .sporlaus-botn .botn-post .epost-del {
  color: var(--sp-tekst);
}

/* --------------------------------------------------------------------------
   4. HOPPELENKJA — 4,46:1, og kravet er 4,5

   Huben teiknar `.skip-link` kvit på `#c4553a`. Det er 4,46:1, altså under
   kravet med 0,04. Det er huben sin farge og ikkje min, og eg rettar ikkje i
   kopien — men eg legg heller ikkje ut ei side som ikkje held kravet, so
   bakgrunnen er MÅLT ned til `#ba4d34`, som gjev 5,00:1.

   Same funnet er meldt til huben gjennom koordinatoren 26.09. Blir det retta
   der, skal denne blokka ut, og porten seier frå: `prove-stilkopi.mjs` går
   raud når kopien endrar seg.

   BERRE I LYS MODUS. Fyrste utgåva sette fargen i begge, og i mørk modus er
   teksten på hoppelenkja MØRK (`--on-accent` er `#1A1713` der). Då gav same
   bakgrunnen 3,57:1 — eg hadde gjort det verre enn huben, som har 5,17 i mørk.
   Porten fanga det. Mørk modus står difor urørt. */
:root:not([data-theme="dark"]) .sporlaus .skip-link {
  background: #ba4d34;
}

/* --------------------------------------------------------------------------
   5. TEKST SOM VEKS, OG PLASS TIL HENNE

   Reglane her handlar alle om det same: ein lesar som har skrudd opp
   skriftstorleiken skal ikkje få ei side som rullar sidevegs. Dei gjeld på
   ALLE breidder, ikkje berre dei smalaste — det var ein feil i fyrste utgåva.
   Dei låg under `max-width: 360px`, og da teksten endeleg BEGYNTE å vekse
   (sjå rem-blokka nedst), rulla sida sidevegs på 393 og 411 px i staden.
   Ingen av dei gjer noko når det er plass nok. */

/* `anywhere` og ikkje `break-word`: berre `anywhere` endrar kor smal
   nettlesaren reknar at elementet KAN bli. `break-word` bryt ordet når det
   alt er for seint, og lèt containeren vere like brei.

   ALT inne i kortet, ikkje ei liste med taggar. Fyrste utgåva nemnde p, li og
   overskriftene, og gløymde <label> og <legend> — og nett dei er
   spørjeskjemaet bygd av. Tre skjemasider rulla framleis, og porten tok dei. */
/* BERRE PÅ SMALE SKJERMAR, og berre på tekst — ikkje på knappar.
   Fyrste utgåva sette dette på ALT, på alle breidder, og skjermbiletet viste
   kva det kosta: «Prøv Fargeleggi ng» og «Opne Jordklode n (ny fane)» på ein
   1280 px skjerm, og overskrifta broten som «Appar som ikkje sam- lar
   informasjon». Eit ord broten midt inni er ikkje ein knapp som har plass; det
   ser ut som ein feil. Porten måler rulling og saag ingenting. */
@media (max-width: 480px) {
  .sporlaus .fanerom p,
  .sporlaus .fanerom li,
  .sporlaus .fanerom h1,
  .sporlaus .fanerom h2,
  .sporlaus .fanerom h3,
  .sporlaus .fanerom label,
  .sporlaus .fanerom legend,
  .sporlaus .fanerom summary { overflow-wrap: anywhere; }
}

/* Eit flex-barn kan ikkje krympe under min-content utan dette. */
.sporlaus .fanerom,
.sporlaus .fanerom * { min-width: 0; }

/* `.fanerom` er ein flex-boks, og `.tekstside` er eit flex-element i han.
   Eit flex-element blir breitt som innhaldet sitt om ingen seier noko anna,
   og `min-width: 0` LÈT han krympe utan å be han om det. Målt 26.09: 297 px
   i eit rom på 272. Denne lina er det som ber han. */
.sporlaus .tekstside { width: 100%; max-width: 100%; }

/* Språkpilla og lys/mørk-knappen står på éi rad i huben. Med dobbel
   skriftstorleik er dei to til saman 491 px, og då rullar sida sidevegs på ein
   heilt vanleg telefon (393 px, målt 26.09). Dei får bryte til to rader.
   Gjeld alle breidder: det er teksten som avgjer om det trengst, ikkje
   skjermen. */
.sporlaus .hovudknappar { flex-wrap: wrap; }

@media (max-width: 360px) {
  /* Huben har `body { padding: 0 1.25rem 3rem }`. 1,25rem er 40 px når ein
     lesar har skrudd grunnskrifta til 32 px, og då er 80 av 320 piksler borte
     før noko er teikna. Talet er i rem og veks difor med teksten — det er det
     som gjer at nett denne lesaren blir skadelidande. Her er det piksler. */
  body.sporlaus { padding-left: 8px; padding-right: 8px; }

  .sporlaus .fanerom { margin: 0 6px 30px; padding: 20px 10px 16px; }
}


/* Fokusringen på språklenkjene. Huben sin `.lang-val` har sin eigen
   `:focus-visible`; lenkjene i lista er mine, og utan denne har dei ingen —
   porten målte det (S19, 26.09). Same ring som huben brukar. */
.sporlaus .sprakval-liste a:focus,
.sporlaus .sprakval-liste a:focus-visible,
.sporlaus .sprakval > summary:focus-visible {
  outline: 2px solid var(--sp-aksent);
  outline-offset: 2px;
}

/* GENERERT AV lag-rem.py — IKKJE RETT FOR HAND. START */
/*
 * Huben set all skrift i `sporlaus.css` i PIKSLAR. Ein lesar som har skrudd
 * opp skriftstorleiken i nettlesaren, får då ingenting — porten målte det
 * 26.09 (S15): brødteksten var 16 px både ved rotfont 16 og 32.
 *
 * Kvar av dei 21 reglane står her med same verdi i rem. 16px er 1rem, altså
 * NØYAKTIG same storleik for den som ikkje har endra noko — og større for
 * den som har. Ingenting er teikna om.
 *
 * Blokka er generert. `prove-stilkopi.mjs` del 5 lagar henne på nytt og
 * samanliknar: endrar huben ein storleik, blir porten raud her.
 *
 * Saka er meld til huben gjennom koordinatoren 26.09. Blir ho retta der,
 * skal heile blokka ut.
 */
.sporlaus .theme-btn { font-size: 0.90625rem; }  /* 14.5px */
.sporlaus .wordmark { font-size: 2.375rem; }  /* 38px */
.sporlaus .hub-header .tagline { font-size: 0.90625rem; }  /* 14.5px */
.sporlaus .lang-merke { font-size: 0.8125rem; }  /* 13px */
.sporlaus .lang-val { font-size: 0.90625rem; }  /* 14.5px */
.sporlaus-aatvaring { font-size: 0.875rem; }  /* 14px */
.fane { font-size: 0.9375rem; }  /* 15px */
.sporlaus-tittel { font-size: 2.25rem; }  /* 36px */
.sporlaus-lede { font-size: 1.0625rem; }  /* 17px */
.sporlaus-botn { font-size: 0.78125rem; }  /* 12.5px */
@media (max-width: 720px) {
  .sporlaus .lang-merke { font-size: 0.78125rem; }  /* 12.5px */
  .sporlaus .lang-val,
  .sporlaus .theme-btn { font-size: 0.875rem; }  /* 14px */
  .fane { font-size: 0.8125rem; }  /* 13px */
  .sporlaus-tittel { font-size: 1.6875rem; }  /* 27px */
  .sporlaus-lede { font-size: 1rem; }  /* 16px */
}
.fanerom h2 { font-size: 1.625rem; }  /* 26px */
.fanerom .card h3 { font-size: 1.375rem; }  /* 22px */
.fanerom .card-intro { font-size: 0.9375rem; }  /* 15px */
.fanerom .btn { font-size: 0.90625rem; }  /* 14.5px */
.fanerom .panel > summary { font-size: 0.90625rem; }  /* 14.5px */
.fanerom .panel p { font-size: 0.90625rem; }  /* 14.5px */
/* GENERERT AV lag-rem.py — SLUTT */

/* --------------------------------------------------------------------------
   6. FANERADA BRYT I STADEN FOR Å BLI KLIPT

   Huben har `.faner { overflow-x: auto; scrollbar-width: none }` — ei rad som
   rullar sidevegs med rullefeltet GØYMT. Under 720 px bryt ho til fleire
   rader, men over den breidda gjer ho det ikkje, og då kan ein fane vere
   halvt synleg utan at noko seier frå.

   Målt 26.09 av ein testar på iPad (820 px, ståande) med dobbel skrift:
   708 px faner i 628 px plass. S25 i porten fann det same då breidda vart
   lagd til.

   Ho bryt no på alle breidder. Når fanene får plass — som dei gjer på ein
   vanleg skjerm — ser det heilt likt ut. */
.sporlaus .faner {
  flex-wrap: wrap;
}

/* NAAR RADA FYRST BRYT, MAA FANENE VERE HEILE.
   Ein fane har ingen nedre kant. Det er det som gjer at den opne fanen og
   arket under blir eitt stykke papir, slik dei er i ein perm — og det er rett
   so lenge fanene staar paa EI line, rett over arket.

   Bryt rada, staar lina over rett oppaa lina under utan ein kant imellom, og
   den nedste fanen stikk inn i overkanten av arket. Ein testar saag det paa
   393 px 30.09 og skreiv: «Det ser ut som ein feil, ikkje som ein design.»
   Porten saag det ikkje — han maaler at ingenting renn over og at alt er over
   folden, ikkje at to ting ligg oppaa kvarandre.

   Da kan fanene vere heile piller med kant heile vegen rundt og luft mellom
   linene, og den opne like hog som dei andre. Paa ein vanleg skjerm er
   ingenting av dette i bruk.

   TO SPOERSMAAL, og ingen av dei fangar det den andre fangar.

   Fyrste rettinga mi stod i piksler (720), og porten gav fire raude med ein
   gong: rada bryt ogsaa paa 820 px. Det er ikkje BREIDDA som avgjer om ei
   rad bryt, det er forholdet mellom teksten og breidda.

   `45em` fangar lesaren som har skrudd opp grunnskrifta i NETTLESAREN: `em`
   i eit media-spoersmaal blir malt mot henne, so 45em er 720 px for ein
   vanleg lesar og 1440 for den som har dobla skrifta.

   `860px` fangar nettbrettet uansett. Han maa staa, for `em`-spoersmaalet
   ser IKKJE `font-size` paa `<html>` — og det er slik ei side som skalerer
   med rem faktisk veks. Porten simulerer stor tekst nett slik, og
   `nettbrett-820-stortekst` stod att som den einaste raude etter
   `45em`-rettinga. */
@media (max-width: 45em), (max-width: 860px) {
  .sporlaus .faner { row-gap: 8px; padding-bottom: 6px; }
  .sporlaus .faner a.fane {
    border-bottom: 1px solid var(--sp-kant-lys);
    border-radius: 14px;
  }
  .sporlaus .faner a.fane[aria-current="page"] {
    height: 44px;
    border-bottom-color: var(--sp-kant);
    margin-bottom: 0;
  }
}

/* --------------------------------------------------------------------------
   6b. ORDMERKET BRYT ALDRI, OG TOPPRADEN FAAR BRYTE I STADEN

   `stil.css` har `overflow-wrap: break-word` paa heile kroppen. Det er rett
   for brodtekst: ein lang adresse skal heller bryte enn aa skuve sida sidevegs.
   For eit MERKENAMN er det gale. 30.09 malte ein testar «Sporl / aus» i
   Chromium paa 820 px med 32 px grunnskrift — namnet vaart, delt i to, for den
   lesaren som treng stor tekst mest. WebKit heldt éi line, so utan to motorar
   hadde ingen sett det.

   Rettinga er to ting som hoyrer saman:
     * ordmerket bryt ikkje, uansett kor trongt det blir;
     * toppraden faar bryte, so namnet faar ei heil line for seg naar dei to
       knappane tek plassen. Utan den andre lina ville namnet berre rent ut av
       sida i staden, og det er ikkje betre.
   -------------------------------------------------------------------------- */
.sporlaus .wordmark {
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  -webkit-hyphens: none;
}

.sporlaus .merkerad { flex-wrap: wrap; }

/* --------------------------------------------------------------------------
   7. ÉIN FOKUSRING, IKKJE TO

   `stil.css` teiknar ein blå ring på 3 px, huben ein oransje på 2. Ein
   tastaturbrukar som gjekk nedover sida såg ringen byte farge og tjukkleik
   midtvegs (funne av ein testar 26.09, ikkje av porten — porten måler at
   ringen finst og har nok kontrast, ikkje at han er den same heile vegen).

   Huben sin ring gjeld for alt inne i `.sporlaus`. */
.sporlaus a:focus-visible,
.sporlaus button:focus-visible,
.sporlaus summary:focus-visible,
.sporlaus [tabindex]:focus-visible {
  outline: 2px solid var(--sp-aksent);
  outline-offset: 2px;
}

/* UNNTAKET, og det er eit MÅLT unntak. Korta på framsida har sine eigne
   fargar — det blå Jordkloden-kortet mellom dei. Huben sin oransje ring gjev
   2,95:1 mot den blå flata, og kravet er 3,0. Porten fanga det same runden
   som ringen vart samla.

   Ein ring som ser lik ut over heile sida er ein fordel. Ein ring du ikkje
   ser, er ein defekt. Difor står `stil.css` sin eigen ring att inne i korta,
   og porten måler kontrasten der han faktisk er. */
.sporlaus .kort a:focus-visible,
.sporlaus .kort button:focus-visible {
  /* RINGEN FØLGJER PALETTEN, og det er nett poenget: kortflata gjer det òg.
     Målt 26.09, same knapp i begge modus:
       kortflate lys  rgb(220, 235, 251)   kortflate mørk  rgb(36, 33, 30)
       #8ec0f5 (den gamle)  1,57 i lys      — blå på blått
       var(--sp-aksent)     3,68 i lys, 2,95 i mørk
       #1c1a19             14,30 i lys, 1,08 i mørk  — eg prøvde, og det var
                                                      verre enn det eg retta
       var(--sp-tekst)     ← denne. Tekstfargen er den eine i paletten som ER
                             definert til å stå mot flata si, i begge modus.
     Tre forsøk, og det fyrste to var farge­val. Det tredje er ein regel. */
  outline: 3px solid var(--sp-tekst);
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   8. INGEN ORDDELING I OVERSKRIFTENE

   `stil.css` slår på `hyphens: auto` for all tekst. For brødtekst er det rett
   — det var lange samansette ord som sprengde smale skjermar. For overskrifter
   er det ikkje det, og skjermbiletet viser kvifor: Chromium sine brot for
   nynorsk gav «Barneap-par», «Språkap-par» og «Appar som ikkje sam-lar
   informasjon» på ein 1280 px skjerm. Ingen av dei er rette brot i norsk.

   Overskriftene er få og store, og eit hardt linjeskift ved eit mellomrom ser
   betre ut enn ein bindestrek på feil stad. `overflow-wrap: break-word` står
   att, so eit ord som er breiare enn heile spalta bryt likevel — og under
   480 px gjeld regelen i bolk 5. */
/* BERRE OVER 900 px, og det er MÅLT. Fyrste utgåva slo orddelinga av på alle
   breidder, og då rulla sida sidevegs på nettbrett med dobbel skrift: 869 px
   innhald i 820. Orddelinga GJER altså ein jobb på dei smale breiddene — det
   er berre på ein brei skjerm, der linjene er lange og brota få, at eit feil
   brot er verdt å bli kvitt. */
@media (min-width: 900px) {
  /* BERRE h1 og h2. Fyrste utgåva tok h3 med, og då braut korttitlane som
     «Barneappa r» og «Språkappa r» — utan bindestrek, midt i eit ord. Korta
     er smale spalter sjølv på ein brei skjerm, og der GJER orddelinga jobben
     sin. Det er dei lange linjene på tvers av sida som ikkje treng henne. */
  .sporlaus h1,
  .sporlaus h2 {
    hyphens: manual;
    -webkit-hyphens: manual;
  }
}

/* --------------------------------------------------------------------------
   9. LISTA OVER ALLE APPANE (Roger 74a)

   Kvar app huben har, med namn og ein veg inn. Dei opne fører til demoen sin,
   alle andre til «Denne appen krev abonnement».

   Rada er ei trykkflate på 48 px — same kravet som alle andre lenkjer vi lagar
   sjølve. Merkelappen står til høgre og er ikkje ei lenkje: han fortel kva som
   skjer om du trykkjer, og skal ikkje sjå ut som noko du trykkjer på. */
.sporlaus .applista {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}

.sporlaus .applista li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid var(--sp-kant-lys);
}

.sporlaus .applenkje {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  color: var(--sp-tekst);
  text-decoration: none;
  flex: 1 1 auto;
}

.sporlaus .applenkje:hover {
  text-decoration: underline;
}

.sporlaus .applapp {
  font-size: 0.8125rem;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

.sporlaus .applapp-open {
  background: var(--sp-kort2);
  color: var(--sp-tekst);
}

/* Den låste er DEMPA med vilje. Ein merkelapp som ropar «krev abonnement» ved
   sida av sytten appar, les som kjøpepress — og «null kjøpepress» er ein av
   dei fire lovnadene på same sida. */
.sporlaus .applapp-laast {
  background: transparent;
  color: var(--sp-dempa);
  border: 1px solid var(--sp-kant-lys);
}

.sporlaus .alleappane h3 {
  margin: 18px 0 6px;
}

/* --------------------------------------------------------------------------
   10. OVERSKRIFTENE NED I STORLEIK (Roger 86a, 26.09)

   Roger: «på velkomstsida "Appar som ikkje samlar informasjon" og "Kva «ingen
   spor» tyder" må ned i font, set dei 1 str opp frå "Verkar utan nett"» — og
   86a: alle dei andre seksjonsoverskriftene følgjer.

   «Verkar utan nett» er `.punkt h3`, 1,1875rem. Eitt steg opp på skalaen i
   `stil.css` er 1,5rem — skalaen der er 1,0625 / 1,1875 / 1,5 / 1,75 / 2 /
   2,25 / 2,625. Ikkje same storleik som korta, og ikkje to steg: eitt.

   Reglane står utan media-spørsmål med vilje. `stil.css` set desse
   overskriftene på nytt på tre breidder (650, 655, 660, 679, 683, 691), og
   media-spørsmål gjev ingen ekstra vekt — det er rekkjefølgja i fila som
   avgjer. Ei regel her, sist, gjeld difor på alle breidder, og då slepp vi
   seks overstyringar som må haldast i takt. */
.sporlaus .helt-kort h1,
.sporlaus .lovnad h2,
.sporlaus .appane h2,
.sporlaus .alleappane h2,
.sporlaus .om h2,
.sporlaus .kontakt h2 {
  font-size: 1.5rem;
}