/* source: print\kombinatorik.htm style block 1 */
:root{
      --page-w: 210mm; /* A4 stående */
      --page-h: 297mm;
      --margin: 12mm;
      --gap: 8mm;
      --border: #333;
      --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    html, body{
      margin:0;
      padding:0;
      background:#f3f4f8;
      font-family:var(--font);
      color:#111;
    }
    .toolbar{
      position:sticky;
      top:0;
      z-index:10;
      display:flex;
      gap:10px;
      align-items:center;
      padding:12px 16px;
      background:linear-gradient(180deg,#ffffff,#ffffffdd);
      border-bottom:1px solid #ddd;
      backdrop-filter:blur(6px);
    }
    .toolbar button{
      padding:8px 14px;
      font-size:14px;
      border-radius:999px;
      border:1px solid #ccc;
      background:#fff;
      cursor:pointer;
    }
    .toolbar button:hover{
      background:#f0f0f0;
    }
    .toolbar .hint{
      margin-left:auto;
      font-size:12px;
      opacity:0.75;
    }

    .page{
      width:var(--page-w);
      min-height:var(--page-h);
      margin:16px auto;
      background:#fff;
      box-shadow:0 10px 30px rgba(0,0,0,.08);
      padding:var(--margin);
      box-sizing:border-box;
      page-break-after:always;
    }
    header{
      display:flex;
      justify-content:space-between;
      align-items:baseline;
      margin-bottom:8mm;
    }
    h1{
      font-size:18px;
      margin:0;
    }
    .subtitle{
      font-size:12px;
      opacity:.75;
    }

    .grid2x2{
      display:grid;
      grid-template-columns:1fr 1fr;
      grid-auto-rows:1fr;
      gap:var(--gap);
      height:calc(var(--page-h) - 2*var(--margin) - 20mm);
    }
    .task{
      border:1px solid var(--border);
      border-radius:8px;
      padding:8px 10px;
      box-sizing:border-box;
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .task h2{
      font-size:14px;
      margin:0 0 2px 0;
    }
    .task p{
      font-size:13px;
      margin:2px 0;
      line-height:1.25;
    }
    .task ul{
      margin:4px 0 4px 20px;
      padding:0;
      font-size:13px;
    }
    .task li{
      margin:0 0 2px 0;
    }
    .task ol{
      margin:4px 0 4px 20px;
      padding:0;
      font-size:13px;
    }

    @media print{
      body{ background:#fff; }
      .toolbar{ display:none !important; }
      .page{
        box-shadow:none;
        margin:0;
        width:auto;
        min-height:auto;
      }
      .grid2x2{
        height:auto;
      }
    }