@media (max-width: 1023px) {
    .content-form {
        padding: 12px;
    }

    .content-init-button,
    #add-content-to-json {
        padding: 8px 12px;
        font-size: 0.85rem;
    }

    .form-group {
        margin-bottom: 12px;
    }

    .radio-group {
        gap: 8px;
    }

    .radio-label {
        font-size: 0.85rem;
    }

    textarea.form-input {
        min-height: 80px;
    }

    .text-content {
        min-height: 80px;
    }

    .code-content {
        min-height: 120px;
    }

    .format-button {
        padding: 3px 6px;
        font-size: 0.7rem;
    }

    .text-format-buttons {
        gap: 6px;
    }

    .buttons-row {
        gap: 6px;
        flex-wrap: wrap;
    }

    .format-button {
        padding: 4px 8px;
        font-size: 0.8rem;
    }

    .formatting-hints {
        font-size: 0.8rem;
    }

    .hint-row {
        gap: 10px;
    }
}