.idsk-modal {
    position: fixed; /* Fixed positioning to cover the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark overlay */
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    z-index: var(--z-modal);
}

.idsk-modal__dialog {
    background: white; /* White background for modal content */
    border-radius: 5px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 600px; /* Set a max width for the modal */
    width: 90%; /* Full width on small screens */
    margin: 0 auto; /* Center the modal dialog */
    position: relative; /* Allow positioning within the modal */
    top: 50%; /* Position from the top */
    transform: translate(-50%, -50%); /* Center horizontally and move up */
    padding: var(--space-5); /* Add padding inside the modal content */
    box-sizing: border-box; /* Include padding in width/height calculation */
    margin-bottom: 30px; /* Add margin at the bottom for spacing */
}

/* New styles for grid columns */
.govuk-grid {
    display: flex;
    flex-wrap: wrap;
}

.govuk-grid-column-one-half {
    flex: 0 0 50%; /* Each column takes up half the width */
    padding: 10px; /* Space between columns */
    box-sizing: border-box; /* Include padding in width calculation */
}