/* source: print\rumfangsberegninger.htm style block 1 */
:root { --border:#cfcfcf; --pane-height:60mm; }
  * { box-sizing:border-box; }
  body { font-family:Arial, sans-serif; margin:20px; color:#111; background:#fff;
         -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  h1 { text-align:center; font-size:24px; margin:0 0 10px; }
  .controls { display:flex; gap:10px; justify-content:center; margin-bottom:14px; }
  button { font-size:15px; padding:7px 12px; border:1px solid var(--border);
           border-radius:8px; background:#f6f6f6; cursor:pointer; }

  .sheet { display:grid; grid-template-columns:1fr; gap:10px; max-width:980px; margin:0 auto; }
  .task  { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:8px;
           border:1.5px solid var(--border); border-radius:10px; padding:8px;
           page-break-inside:avoid; align-items:center; background:#fff; }
  .task h2 { margin:0 0 4px; font-size:18px; }
  .given { font-size:16px; line-height:1.45; }
  .instr { margin-top:4px; font-weight:bold; font-size:16px; }

  .sketch-wrap { display:flex; justify-content:center; align-items:center; min-height:var(--pane-height); }
  .sketch { width:100%; height:var(--pane-height); }
  .lbl { font:12px Arial, sans-serif; fill:#000; }

  .calc-grid {
    width:100%; height:var(--pane-height); border:1px solid #bdbdbd; border-radius:8px;
    background:#fff;
    background-image:
      linear-gradient(to right, rgba(0,0,0,0.35) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(0,0,0,0.35) 1px, transparent 1px),
      linear-gradient(to right, rgba(0,0,0,0.60) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(0,0,0,0.60) 1px, transparent 1px);
    background-size:5mm 5mm,5mm 5mm,25mm 25mm,25mm 25mm;
  }
  @supports not (background-size:5mm 5mm) {
    .calc-grid { background-size:19px 19px,19px 19px,95px 95px,95px 95px; }
  }

  @page { size:A4 portrait; margin:10mm; }
  @media print {
    .controls{display:none;} body{margin:0;} h1{font-size:20px;margin:0 0 6px;}
    .task{gap:6px;padding:6px;border-width:1px;}
    .task h2{font-size:16px;} .given,.instr{font-size:15px;}
  }