/* Style for the dialog */
.acc-instruction-dialog {
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding-left: 20px;
    padding-right: 20px;
    width: 60%;
    max-width: 800px;
    border: none; /* Remove default border */
}

/* Style for the header */
.acc-instructions-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px; /* Add spacing below header */
}

.acc-instructions-header h2 {
    margin: 0;
    font-weight: bold;
    font-size: 1.5em; /* Increase font size */
}

.acc-instructions-header button {
    background: none;
    border: none;
    font-size: 1.5em;
    padding: 5px 10px; /* Add some padding */
}

/* Style for the content */
.acc-instructions-content {
    padding: 10px;
}

.acc-instructions-content h3 {
    font-size: 1.3em; /* Adjust font size */
    margin-bottom: 10px;
}

.acc-instructions-content div {
    margin-bottom: 10px; /* Add spacing between instructions */
}

/* Style for important info section */
.acc-important-info {
    background-color: #f1f1f1; /* Light background color */
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 5px; /* Spacing below important info */
}

/* Style for detailed info section */
.acc-detailed-info {
    background-color: #f1f1f1; /* Slightly different background color */
    padding: 15px;
    border-radius: 10px;
}

.acc-detailed-info div {
    margin-bottom: 10px; /* Add spacing between instructions */
}

/* General text styling */
.acc-instruction-dialog h2, h3 {
    color: #333; /* Dark text color */
}

.acc-instruction-dialog div {
    color: #666; /* Medium dark text color */
}

.show-acc-instructions {
    color: transparent;
    pointer-events: none;
}
.show-acc-instructions:focus {
    color: black;
}