/* source: print\ligning-let.htm style block 1 */
:root{ --gap: 14px; --square: 16px; }
    body{ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji"; margin:0; padding: clamp(10px,2vw,24px); background:#f7f7f9; color:#111; }
    header{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:10px; }
    h1{ font-size: clamp(20px,2.4vw,28px); 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,.04); }
    button:hover{ background:#f0f4ff; }

    main{ background:#fff; border:1px solid #e6e8ec; border-radius:14px; padding:14px; }
    .meta{ color:#444; font-size:.95rem; margin:0 0 8px; }

    ol.tasks{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }

    .task{ border:1px dashed #dfe3e9; border-radius:12px; padding:10px 12px; display:flex; flex-direction:column; gap:8px; }
    .head{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
    .num{ color:#667085; font-weight:700; }
    .eq{ flex:1; text-align:center; font-size: clamp(18px,2.2vw,22px); letter-spacing:.2px; }

    /* Regnefelt 6 tern i højden */
    .work{ position:relative; height: calc(var(--square) * 6); border:1px solid #e1e4ea; border-radius:10px; overflow:hidden; background:
      repeating-linear-gradient(0deg, transparent, transparent calc(var(--square) - 1px), #e8ecf3 calc(var(--square) - 1px), #e8ecf3 var(--square)),
      repeating-linear-gradient(90deg, transparent, transparent calc(var(--square) - 1px), #e8ecf3 calc(var(--square) - 1px), #e8ecf3 var(--square));
      background-color:#fff;
    }

    .answer{ display:none; color:#0b69a3; font-size:.95rem; text-align:right; }
    .answer.shown{ display:block; }

    #facitPrint{ display:none; }
    .facit-print-title{ font-weight:700; margin: 12px 0 8px; }
    .page-break{ page-break-before: always; }

    @media print{
      header, .controls, .meta{ display:none !important; }
      body{ padding:0; background:#fff; }
      main{ border:none; padding:0; }
      ol.tasks{ grid-template-columns: 1fr 1fr; gap: 10px 14px; }
      .task{ border:none; padding:6px 8px; }
      .answer{ display:none !important; }
    }