/* =====================================================================
   SKATTEBEREGNERNE — sidernes egen stil

   HVORFOR EN FIL OG IKKE EN <style>-BLOK.

   Første udgave stod som <style> midt i siden. Den virkede lokalt og
   var DØD i produktion: sitets Content-Security-Policy siger
   style-src 'self' — uden 'unsafe-inline'. Browseren blokerede hele
   blokken, og tallene stod i almindelig skrift uden tabular-nums,
   den passerede frist var ikke nedtonet, og print-css'en fandtes
   ikke.

   Der var ingen fejl at se på siden. Den så bare lidt kedelig ud, og
   det havde jeg ikke opdaget uden at åbne det deployede site og læse
   konsollen — lokalt er der ingen CSP.

   Filen her serveres fra vores eget domæne og er derfor 'self'.

   DEN GLOBALE CSS ER IKKE RØRT. Den ejes af en anden, og der er ikke
   én linje herfra, der gælder uden for de tre beregnersider.
   ===================================================================== */

.resultat { width: 100%; border-collapse: collapse; }
.resultat th { text-align: left; font-weight: normal; padding: .35rem 0; }
.resultat thead th { font-weight: 600; }

/* ALLE TAL I MONO MED TABULAR-NUMS, højrestillet. Uden tabular-nums
   springer cifrene fra række til række, og to beløb under hinanden kan
   ikke sammenlignes med øjnene — hvilket er hele grunden til at der ER
   en tabel. */
.resultat td.tal {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
  padding: .35rem 0 .35rem 1rem;
}

.resultat tr.sum th,
.resultat tr.sum td { border-top: 1px solid currentColor; font-weight: 600; }

/* En passeret frist NEDTONES — den forsvinder ikke. Beløbet skal stadig
   kunne ses, så man kan se hvad man gik glip af. */
.resultat tr.passeret { opacity: .55; }

.besked-ikke-klar { border-left: 3px solid currentColor; padding-left: .8rem; }

/* ---------------------------------------------------------------------
   PRINT

   Folk lægger den slags i en mappe. Resultatet OG forudsætningerne skal
   med — et resultat uden sine forudsætninger er ubrugeligt seks måneder
   senere, hvor ingen kan huske hvilke tal der blev tastet.
   --------------------------------------------------------------------- */
@media print {
  header,
  nav,
  footer,
  .knap-sekundaer,
  #sel-del-svar,
  #per-del-svar { display: none !important; }

  /* details er lukket på skærmen og skal være ÅBEN på papir. */
  details,
  details > div { display: block !important; }
  summary { font-weight: 600; }

  a[href]::after { content: ""; }
}