@media (max-width: 992px) {
    .action-buttons {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .publish-header .header-container {
        flex-direction: column;
        gap: 1.5rem;
    }
    .nav-links {
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .type-tabs {
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {
    .publish-form {
        padding: 1.5rem;
    }
    .publish-hero {
        padding: 2rem 1.5rem;
    }
    .publish-container {
        padding: 0 1.5rem;
    }
    .preview-content {
        width: 95%;
        margin: 1rem auto;
    }
    .preview-body {
        padding: 1.5rem;
    }
}