.captiontext {
    color: black;
    font-weight: bold;
}

.boldblue {
    color: blue;
    font-weight: bold;
    font-style: italic;
}

.analysisgreen {
    color: #67c852;
    font-weight: bold;
}

.optblue {
    color: #38b4d6;
    font-weight: bold;
}

/* === Quiz Section Styling === */
/* Style the entire admonition box */
.admonition {
    border-left: 6px solid #B3A369;
    /* golden vertical line */
    border-radius: 8px;
    padding: 0;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background-color: #f9f9f9;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
}

/* Add padding inside the body of the admonition (text area) */
.admonition> :not(.admonition-title) {
    padding: 16px 20px;
}

/* Title bar styling */
.admonition-title {
    background-color: #0a1f44;
    /* navy */
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    padding: 12px 16px;
    border-radius: 8px 8px 0 0;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
}

/* Center tables */
.center-table {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.quiz-form button[type="button"] {
    background: linear-gradient(90deg, #0a1f44 0%, #B3A369 100%); /* navy to gold */
    color: white;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    font-size: 1.1em;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-top: 10px;
    border-top: 4px solid #0a1f44; /* navy top border */
    border-left: 4px solid #B3A369; /* gold left border */
}
.quiz-form button[type="button"]:hover {
    transform: translateY(-2px) scale(1.04);
}