/* source: print\brokadd.htm style block 1 */
body {
            font-family: Arial, sans-serif;
            margin: 20px;
            text-align: center;
        }
        .task-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            max-width: 800px;
            margin: 0 auto;
        }
        .task {
            border: 2px solid #ccc;
            border-radius: 10px;
            padding: 20px;
            text-align: left;
            font-size: 24px;
        }
        .fraction {
            display: inline-block;
            text-align: center;
            margin-right: 15px; /* Adjust spacing between fractions */
        }
        .fraction:nth-child(3) {
            margin-right: 0; /* Ensure no extra space after second fraction */
        }
        .fraction-line {
            display: block;
            border-top: 2px solid #000;
            width: 50px;
            margin: 0 auto;
        }
        .operator {
            position: relative;
            top: -15px; /* Further adjust to align with the fraction line */
        }
        button {
            font-size: 18px;
            padding: 10px 20px;
            margin-top: 20px;
            cursor: pointer;
        }