/* source: faerdighed\statistik\typetal_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; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px; }
  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; }

  /* Én kolonne under hinanden */
  .stack{ display:flex; flex-direction:column; gap: var(--gap); }

  .task{
    border:1px solid #dfe3e9; border-radius:10px; padding: var(--pad);
    display:grid; grid-template-columns: minmax(280px, 1fr) minmax(320px, 1fr); gap: var(--gap);
    background:#fafbff;
  }
  .title{ font-weight:700; color:#334; margin-bottom:4px; }
  .left, .right{ display:flex; flex-direction:column; gap:10px; }

  .card{
    background:#fff; border:1px solid #e5e7ec; border-radius:10px; padding:10px;
  }
  .data{
    display:flex; flex-wrap:wrap; gap:8px; align-items:flex-start;
  }
  .chip{
    padding:6px 10px; border-radius:999px; border:1px solid #dfe3e9; background:#fff; font-size:0.95rem;
  }
  table.data-table{ border-collapse: collapse; width:100%; font-size:0.95rem; }
  table.data-table th, table.data-table td{ border:1px solid #e5e7ec; padding:6px 8px; text-align:center; }
  table.data-table th{ background:#f6f7fb; }

  .qline{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
  .label{ min-width:84px; font-weight:600; color:#223; }
  .box{ min-width:120px; min-height:32px; border:1px solid #b9c1cc; border-radius:6px; background:#fff; }

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

  .tip{ color:#667085; font-size:0.9rem; }

  /* Print */
  .print-heading, .print-heading-facit{ display:none; }
  #facitPrint{ display:none; }
  .page-break{ page-break-before: always; }

  @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: 8mm 0 5mm;
    }
    .task, .left, .right, .card{ break-inside: avoid; page-break-inside: avoid; }
    .answer{ display:none !important; }
  }