/* source: faerdighed\ligninger\medparentesA42.htm style block 1 */
:root{ --gap:16px; --square:18px; }
    body{ font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
          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; }
    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:10px; }
    .head{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
    .num{ color:#667085; font-weight:700; }
    .giv{ color:#333; font-size:.95rem; }
    .eq{ flex:1; text-align:center; font-size: clamp(18px,2.2vw,22px); letter-spacing:.2px; }
    .work{ position:relative; height: calc(var(--square) * 7); 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; }
    .print-heading, .print-heading-facit{ display:none; }
    #facitPrint{ display:none; }
    .facit-print-title{ font-weight:700; margin: 12px 0 8px; }
    .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{ display:block; text-align:center; font-weight:700; font-size:18px; margin: 8mm 0 5mm; }
      .print-heading-facit{ display:block; text-align:center; font-weight:700; font-size:18px; margin: 8mm 0 5mm; }
      ol.tasks{ grid-template-columns: 1fr 1fr; gap: 10px 14px; }
      .task{ border:none; padding:6px 8px; }
      .answer{ display:none !important; }
    }