/* Da og nå – utskrift. Svarene (rapport) og Feltguiden (A4 med kart og stopp).
   Lastes med media="print". Uten klasse på body skrives svarene ut, så
   Ctrl+P også fungerer. body.print-feltark gir Feltguiden. Klassen settes av
   motoren før window.print() og står til eleven gjør noe nytt på siden. */

@page { size: A4 portrait; margin: 16mm 18mm; }

body:not(.print-feltark) > :not(#utskrift-rapport),
body.print-feltark > :not(#utskrift-feltark) { display: none !important; }

body:not(.print-feltark) #utskrift-rapport,
body.print-feltark #utskrift-feltark { display: block !important; }

body {
  background: #fff; color: #2b2118; font: 600 11pt/1.4 "Nunito", sans-serif; margin: 0;
}

.dn-utskrift h1 { font: 400 22pt/1.1 "Chewy", cursive; margin: 0 0 4pt; }
.ut-hode { margin: 0 0 10pt; padding-bottom: 6pt; border-bottom: 2pt solid #2b2118; font-weight: 800; }
.ut-fot { margin-top: 14pt; font-size: 9pt; opacity: 0.7; }

/* Rapport */
.ut-linje { padding: 6pt 0; border-bottom: 0.75pt solid #2b2118; break-inside: avoid; }
.ut-etikett { margin: 0; font-size: 8.5pt; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; opacity: 0.7; }
.ut-sporsmal { margin: 1pt 0 2pt; font-weight: 800; }
.ut-svar { margin: 0; white-space: pre-wrap; }
.ut-fasit { margin: 2pt 0 0; font-size: 9.5pt; font-weight: 800; color: #fa5c66; }

/* Feltguide */
.ut-kart { position: relative; width: 100%; margin: 0 0 4pt; border: 2pt solid #2b2118; border-radius: 8pt; overflow: hidden; break-inside: avoid; }
.ut-kart img { display: block; width: 100%; height: auto; max-height: 120mm; object-fit: contain; }
.ut-stopp {
  position: absolute; width: 9mm; height: 9mm; margin: -4.5mm 0 0 -4.5mm; border-radius: 50%;
  background: #fff; border: 1.5pt solid #2b2118; display: grid; place-items: center;
  font: 400 14pt/1 "Chewy", cursive; color: #2b2118; print-color-adjust: exact; -webkit-print-color-adjust: exact;
}
.ut-kilde { margin: 0 0 8pt; font-size: 8.5pt; opacity: 0.7; }
.ut-feltrad { break-inside: avoid; padding: 5pt 0; }
.ut-feltnavn { margin: 0; font: 400 14pt/1.1 "Chewy", cursive; }
.ut-feltoppgave { margin: 1pt 0 3pt; }
.ut-linjer span { display: block; height: 7mm; border-bottom: 0.75pt solid #2b2118; }