.cad-quiz,
.cad-quiz-search,
.cad-quiz-gate,
.cad-quiz-finish-email {
    padding: 1rem;
    border: 1px solid #d4d7db;
    border-radius: 12px;
    background: #ffffff;
}

.cad-quiz-search__form {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

.cad-quiz-search__row label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.cad-quiz-search__row input,
.cad-quiz-search__row select {
    width: 100%;
    max-width: 420px;
    padding: 0.65rem 0.8rem;
}

.cad-quiz-search__actions button,
.cad-quiz-card__button {
    display: inline-block;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 10px;
    background: #0f6c5c;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.cad-quiz__title {
    margin-top: 0;
}

.cad-quiz__start {
    display: inline-block;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 10px;
    background: #114b8b;
    color: #ffffff;
    cursor: pointer;
}

.cad-quiz__state p {
    margin: 0.75rem 0 0;
}

.cad-quiz-state__timer {
    font-weight: 600;
}

.cad-quiz__player {
    margin-top: 1rem;
}

.cad-quiz-question-card,
.cad-quiz-summary {
    padding: 1rem;
    border: 1px solid #d7e3ee;
    border-radius: 12px;
    background: #f7fbff;
}

.cad-quiz-question-card__progress {
    color: #4b6478;
    font-size: 0.95rem;
}

.cad-quiz-question-card__title {
    margin-top: 0;
}

.cad-quiz-question-card__image,
.cad-quiz-answer-option__media img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.cad-quiz-question-card__answers {
    display: grid;
    gap: 0.75rem;
    margin: 1rem 0;
}

.cad-quiz-answer-option {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: start;
    padding: 0.75rem;
    border: 1px solid #d7e0de;
    border-radius: 10px;
    background: #ffffff;
}

.cad-quiz-answer-option__media {
    grid-column: 2;
}

.cad-quiz-answer-option__label {
    font-weight: 500;
}

.cad-quiz-answer-text {
    width: 100%;
    max-width: 480px;
    padding: 0.65rem 0.8rem;
}

.cad-quiz-matching-row {
    display: grid;
    gap: 0.5rem;
    padding: 0.75rem;
    border: 1px solid #d7e0de;
    border-radius: 10px;
    background: #ffffff;
}

.cad-quiz-matching-select {
    width: 100%;
    max-width: 420px;
    padding: 0.65rem 0.8rem;
}

.cad-quiz__submit-answer {
    display: inline-block;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 10px;
    background: #114b8b;
    color: #ffffff;
    cursor: pointer;
}

.cad-quiz-hint-box {
    margin: 1rem 0;
    padding: 0.85rem;
    border: 1px dashed #c2a35f;
    border-radius: 10px;
    background: #fffaf0;
}

.cad-quiz-hint-box__button {
    display: inline-block;
    padding: 0.65rem 0.9rem;
    border: 0;
    border-radius: 8px;
    background: #c0892f;
    color: #ffffff;
    cursor: pointer;
}

.cad-quiz-hint-box__timer {
    margin: 0;
    color: #8b672d;
    font-weight: 600;
}

.cad-quiz-hint-box__image {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.cad-quiz-gate {
    padding: 1rem;
    border: 1px solid #d7e0de;
    border-radius: 12px;
    background: #f8fbfa;
}

.cad-quiz-finish-email,
.cad-quiz-review {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #d7e0de;
    border-radius: 12px;
    background: #ffffff;
}

.cad-quiz-review__item + .cad-quiz-review__item {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e4ece9;
}

.cad-quiz-gate__fields {
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
}

.cad-quiz-gate__row label {
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.cad-quiz-gate__row input {
    width: 100%;
    max-width: 420px;
    padding: 0.65rem 0.8rem;
}

.cad-quiz-gate__button {
    display: inline-block;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 10px;
    background: #0f6c5c;
    color: #ffffff;
    cursor: pointer;
}

.cad-quiz-search-results-list {
    display: grid;
    gap: 1rem;
}

.cad-quiz-card {
    padding: 1rem;
    border: 1px solid #d7e0de;
    border-radius: 12px;
    background: #f8fbfa;
}

.cad-quiz-card__title {
    margin-top: 0;
}

.cad-quiz-card__meta {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: #4c5f5a;
    font-size: 0.95rem;
    margin-bottom: 1rem;
}
