/* Progresjon og rapport */
body{background:#DFD4C9;color:#1E1A14;}
html{scroll-behavior:smooth;}
section[id]{scroll-margin-top:110px;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
.pg-tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-width:640px;}
.pg-tiles a{position:relative;aspect-ratio:1;border-radius:8px;display:flex;align-items:flex-end;justify-content:flex-start;padding:7px 8px;font-size:.8125rem;font-weight:800;line-height:1;}
.pg-row{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1.58fr);gap:24px;align-items:baseline;padding:16px 0;border-bottom:1px solid #CFC2B4;}
@media(max-width:900px){
  .pg-split{grid-template-columns:1fr!important;gap:28px!important;}
  .pg-tiles{grid-template-columns:repeat(5,minmax(0,1fr));}
  .pg-row{grid-template-columns:1fr;gap:6px;}
}
@media(max-width:767px){
  .pg-rw{padding-left:20px!important;padding-right:20px!important;}
  .pg-tiles{grid-template-columns:repeat(4,minmax(0,1fr));}
}

@media(max-width:1100px){
  .l12-hero{grid-template-columns:1fr!important;gap:0!important;}
  .l12-hero>div:first-child{display:contents;}
  .l12-hero>div:first-child>p:nth-child(1){order:1;margin-bottom:10px!important;}
  .l12-hero>div:first-child>h1{order:2;margin-bottom:14px!important;}
  .l12-hero>div:first-child>p:nth-child(3){order:3;margin-bottom:18px!important;}
  .l12-hero figure{max-width:420px;order:4;margin:0 0 22px;}
}
@media(max-width:767px){.l12-hero figure{max-width:300px;}}

/* Save report as PDF: only the progress, answers and report sections, on plain paper */
@media print{
  @page{margin:18mm 16mm;}
  html{scroll-behavior:auto;}
  body{background:#fff!important;color:#000!important;}
  .site-top,footer,.jp-wrap,.pg-actions,#pg-note,#data,.l12-hero figure{display:none!important;}
  section{background:#fff!important;border:0!important;break-inside:auto;}
  .pg-rw{padding:14px 0!important;max-width:none!important;}
  .l12-hero{grid-template-columns:1fr!important;padding-top:0!important;}
  .pg-split{grid-template-columns:1fr!important;gap:18px!important;}
  .pg-tiles{grid-template-columns:repeat(15,minmax(0,1fr))!important;gap:4px;max-width:520px;}
  .pg-tiles a{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:.625rem;padding:4px 5px;}
  #pg-missing-head,#pg-missing{display:none!important;}
  .pg-row{break-inside:avoid;}
  #pg-answers a,#pg-missing a{text-decoration:none;color:inherit!important;}
  #pg-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}