/* source: print\procent1-udskriv.htm style block 1 */
body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h1 {
            text-align: center;
            margin-bottom: 40px;
        }
        .opgave {
            border: 1px solid black;
            padding: 15px;
            margin-bottom: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .diagram {
            display: grid;
            grid-template-columns: repeat(10, 8px);
            grid-template-rows: repeat(10, 8px);
            gap: 1px;
        }
        .diagram div {
            width: 8px;
            height: 8px;
            border: 1px solid #ddd;
        }
        .diagram .filled {
            background-color: orange;
        }
        .print-button {
            margin-top: 20px;
        }

        @media print {
            body * {
                visibility: hidden;
            }
            #opgaver, #opgaver *, h1 {
                visibility: visible;
            }
            h1 {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                margin: 0;
            }
            #opgaver {
                position: absolute;
                top: 100px;
                left: 0;
                width: 100%;
            }
            .diagram .filled {
                background-color: orange !important;
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
            }
        }
        .opgave div {
            font-size: 18px;
        }