/* source: faerdighed\brokregning\brokdividertal_A4.htm style block 1 */
body{
      font-family: ui-sans-serif, system-ui, Segoe UI, Arial;
      margin:0; padding:20px; background:#f7f7f9; color:#111;
    }
    header{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:15px; }
    h1{ font-size:22px; margin:0 12px 0 0; }
    .controls{ display:flex; flex-wrap:wrap; gap:8px; }
    button{
      font:inherit; padding:6px 12px; border-radius:8px; 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 #ddd; border-radius:10px; padding:14px; }

    ol.tasks{
      list-style:none; margin:0; padding:0;
      display:flex; flex-direction:column; gap:18px;
    }

    .task{
      border:1px solid #bbb; border-radius:6px;
      min-height:70px; background:#fff;
      display:flex; align-items:center;
      padding:8px 12px;
      font-size:28px;
      gap:12px;
    }
    .eq{ flex:0 0 auto; margin-right:20px; }

    .answer{ display:none; color:#0b69a3; font-size:1rem; margin-left:auto; }
    .answer.shown{ display:inline-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,
      .print-heading-facit{
        display:block; text-align:center; font-weight:700; font-size:18px; margin: 8mm 0 5mm;
      }
      .answer{ display:none !important; }
    }