/* source: faerdighed\statistik\gennemsnit_A4.htm style block 1 */
:root{ --gap:14px; --pad:10px; }
  body{ font-family: ui-sans-serif, system-ui, Segoe UI, Arial; margin:0; padding:clamp(10px,2vw,22px); background:#f7f8fb; color:#111; }
  header{ display:flex; gap:10px; align-items:center; margin-bottom:12px; flex-wrap:wrap; }
  h1{ font-size:clamp(18px,2.2vw,26px); margin:0 12px 0 0; }
  .controls{ display:flex; flex-wrap:wrap; gap:8px; }
  button{ font:inherit; padding:8px 12px; border-radius:10px; border:1px solid #cfd3d8; background:#fff; cursor:pointer; box-shadow:0 1px 1px rgba(0,0,0,.05); }
  button:hover{ background:#eef4ff; }

  main{ background:#fff; border:1px solid #e5e7ec; border-radius:12px; padding:12px; }

  /* Stak – under hinanden */
  .stack{ display:flex; flex-direction:column; gap: var(--gap); }

  .task{
    border:1px solid #dfe3e9; border-radius:10px; padding:var(--pad);
    background:#fafbff; display:flex; flex-direction:column; gap:10px;
  }
  .title{ font-weight:700; color:#334; margin-bottom:4px; }

  .grid2{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
  @media (max-width: 900px){ .grid2{ grid-template-columns: 1fr; } }

  .card{ background:#fff; border:1px solid #e5e7ec; border-radius:10px; padding:10px; }
  .data{ display:flex; flex-wrap:wrap; gap:8px; }
  .chip{ padding:6px 10px; border-radius:999px; border:1px solid #dfe3e9; background:#fff; font-size:0.95rem; }

  /* +20 px højere end før */
  .work{ height:130px; border:1px solid #d0d6df; border-radius:8px; background:#fff; }

  .answer{ display:none; color:#0b69a3; font-size:0.95rem; }
  .answer.shown{ display:block; }

  /* Print */
  .print-heading, .print-heading-facit{ display:none; }
  #facitPrint{ display:none; }
  .page-break{ page-break-before: always; }
  @page{ size:A4; margin:10mm; }
  @media print{
    header{ display:none !important; }
    body{ padding:0; background:#fff; }
    main{ border:none; padding:0 8mm; }
    .print-heading, .print-heading-facit{
      display:block; text-align:center; font-weight:700; font-size:18px; margin: 6mm 0 4mm;
    }
    .task, .card{ break-inside:avoid; page-break-inside:avoid; }
    .work{ height:100px; } /* også +20 vs. tidligere print-højde */
    .answer{ display:none !important; }
    #facitPrint{ display:block; page-break-before: always; }
  }
  /* A4 ramme */
@page { size: A4; margin: 10mm; }

@media print{
  /* Tving 2 kolonner ved print, uanset mobilregler */
  .grid2{
    display: grid !important;
    grid-template-columns: 52% 48% !important; /* eller 1fr 1fr */
    gap: 10px !important;
    align-items: start;
  }

  /* Undgå sidebrud inde i opgave/kolonner/kort */
  .task, .grid2 > * , .card{
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Skjul kun det nødvendige ved print */
  header, .controls, .answer.shown ~ .card.empty { display: none !important; }

  /* Lidt strammere højder så 3 opgaver kan være på én side */
  .work{ height: 130px !important; } /* din +20 px version kan du justere her */
}