/* ============================================
   Challenge Detail – Content, Rules, Empty State
   ============================================ */

.challenge-details {
    max-width: 800px;
    margin: 0 auto;
}

.challenge-description,
.challenge-rules,
.submission-form-section,
.submissions-preview {
    margin-bottom: var(--margin-xl);
}

.challenge-description h2,
.challenge-rules h2,
.submission-form-section h2,
.submissions-preview h2 {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
    margin-bottom: var(--margin-md);
}

.challenge-description p,
.challenge-rules li {
    font-size: var(--font-size-md);
    line-height: var(--line-height-md);
    color: var(--color-text-primary);
}

.challenge-rules ul {
    padding-left: var(--padding-lg);
}

.challenge-rules li {
    margin-bottom: var(--margin-sm);
}

/* Submissions empty state */
.submissions-empty {
    font-size: var(--font-size-md);
    color: var(--color-primary-700);
    text-align: center;
    padding: var(--padding-lg);
    background: var(--color-surface-muted);
    border-radius: var(--radius-md);
}