.training-page {
    --training-surface: #fffdfb;
    --training-surface-soft: #fff7f4;
    --training-border: #eddcda;
    --training-shadow: 0 12px 26px rgba(39, 24, 24, 0.07);
    --training-title: #1a2b2c;
    --training-text: #5d4e4e;
}

.training-page .section-space .container {
    border: 1px solid var(--training-border);
    border-radius: 22px;
    padding: 18px;
    background: linear-gradient(165deg, var(--training-surface), var(--training-surface-soft));
    box-shadow: var(--training-shadow);
}

.training-page h2 {
    color: var(--training-title);
}

.training-detail-card {
    max-width: 860px;
    border: 1px solid #ead9d6;
    background: #fff;
    box-shadow: 0 12px 24px rgba(39, 24, 24, 0.07);
}

.training-list-card {
    border: 1px solid #ead8d5;
    background: #fff;
    box-shadow: 0 10px 20px rgba(39, 24, 24, 0.06);
}

.training-list-card p {
    color: var(--training-text);
}

.training-list-media {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.training-detail-media {
    width: 100%;
    max-height: 430px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.training-detail-meta {
    margin-top: 14px;
}

.training-detail-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.training-list-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.training-empty-card {
    border: 1px dashed #dfc7c4;
    background: #fff7f4;
}

@media (max-width: 768px) {
    .training-page .section-space .container {
        padding: 12px;
        border-radius: 18px;
        box-shadow: 0 10px 20px rgba(39, 24, 24, 0.06);
    }
}