/* Main subcontest styles */
.program-and-attempts {
    display: flex;
    gap: 40px;
}

.program-and-attempts > * {
    flex: 1;
}

@media (max-width: 768px) {
    .program-and-attempts {
        flex-direction: column;
        gap: 0px;
    }
}

@media (min-width: 769px) {
    .program-and-attempts .attempts-section {
        margin-top: 0;
    }

    .program-and-attempts .attempts-header {
        font-weight: 700;
        font-size: 11px;
        color: var(--c-navy);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        opacity: 0.6;
    }

    .program-and-attempts .attempts-table th,
    .program-and-attempts .attempts-table td {
        padding: 10px 15px;
    }

    .program-and-attempts .attempts-table-container thead {
        display: none;
    }
}

.program-and-attempts .attempts-table-container {
    max-height: 200px;
    overflow-y: auto;
}

.submit-answer-hint {
    padding-bottom: 15px;
    line-height: 1.5;
}

.no-attempts-message {
    font-size: 14px;
}

.attempt-output {
    background-color: #0F172A;
    color: #E2E8F0;
    border-radius: var(--radius-md);
    padding: 16px;
    overflow: auto;
    max-height: 360px;
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 1.6;
}

.attempt-output .hex-code {
    padding: 2px;
    border-radius: 4px;
    background-color: #dcdef5;
    color: black;
}

.attempt-output .hex-code:has(+ .hex-code) {
    margin-right: 4px;
}

.attempt-no-output {
    color: gray;
}

.attempt-test-feedback .attempt-output {
    padding: 0;
    background-color: initial;
    font-size: inherit;
    color: inherit;
}

.attempt-test-feedback:has(.attempt-output) {
    overflow: auto;
}

.attempt-test-feedback.has-feedback .attempt-test-output {
    margin-top: 10px;
}