/* Hide the real radio button */
    .choices input[type="radio"] {
        display: none;
    }

    /* Choice container */
    .choices {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 12px;
        margin-bottom: 10px;
        border: 2px solid #cccccc;
        border-radius: 8px;
        cursor: pointer;
        transition: 0.2s;
    }

    /* Hover effect */
    .choices:hover {
        background: #f5f5f5;
        border-color: #888888;
    }

    /* Custom radio circle */
    .radio-circle {
        width: 22px;
        height: 22px;
        min-width: 22px;
        border: 2px solid #777777;
        border-radius: 50%;
        position: relative;
    }

    /* Inner selected circle */
    .choices.selected .radio-circle::after {
        content: "";
        width: 22px;
        height: 22px;
        background: #007bff;
        border-radius: 50%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    /* Selected choice */
    .choices.selected {
        border-color: #007bff;
        background: #eef6ff;
    }

    /* Content */
    .choices-content {
        flex: 1;
    }

    /* Images inside  */
    .choices-content img {
        max-width: 100%;
        max-height: 200px;
        height: auto;
        display: block;
        margin-top: 8px;
        border-radius: 5px;
    }

    /* ASCII Math */
    .ascii-math {
        font-family: "Courier New", monospace;
        font-weight: bold;
        padding: 8px;
        margin-top: 5px;
        background: #f4f4f4;
        border-radius: 5px;
        overflow-x: auto;
    }