#print-area{font:16px/1.7 system-ui,sans-serif}
.worksheet-question{break-inside:avoid;margin:24px 0}
.worksheet-question h2{font-size:18px}
.worksheet-working{height:100px;border-bottom:1px solid #bbb}
.worksheet-key{break-before:page}
@media print{
  @page{margin:12mm}
  *,*::before,*::after{animation:none!important;transition:none!important;box-shadow:none!important;text-shadow:none!important}
  html,body{height:auto!important;overflow:visible!important}
  body{background:white!important;color:black!important}
  body[data-print]>*,dialog::backdrop{display:none!important}
  body[data-print="worksheet"]>#print-area{display:block!important}
  body[data-print="grades"]>#grades-screen{display:block!important;position:static!important;inset:auto!important;height:auto!important;padding:0!important;visibility:visible!important}
  body[data-print="grades"] #grades-main{display:block;overflow:visible!important;padding:0;max-height:none;height:auto}
  body[data-print="grades"] :is(button,.grade-controls,.grade-history){display:none!important}
  body[data-print="grades"] .grades-header{display:none}
  body[data-print="grades"] .grade-table-scroll{overflow:visible!important;border:0}
  body[data-print="grades"] .gradebook-panel{border:0}
  body[data-print="grades"] tr{break-inside:avoid}
  body[data-print] :is(p,h1,h2,h3,h4,th,td,span,strong,small,section,header,main,div,table){color:black!important;background:white!important}
  body[data-print] :is(.solution-principle,.solution-check,.solution-result){border:1px solid #aaa}
  body[data-print] .dg .sg{stroke-dashoffset:0!important}
  body[data-print] svg{max-height:250px}
  body[data-print] svg :is(line,path,polyline,polygon,circle,ellipse){stroke:#222!important}
  body[data-print] svg text{fill:#000!important}
}