.blog-hero {
            height: 400px;
            background-size: cover;
            background-position: center;
        }
        .blog-content img {
            max-width: 100%;
            height: auto;
            margin: 20px 0;
            border-radius: 5px;
        }
        .blog-content blockquote {
            border-left: 4px solid #007bff;
            padding-left: 20px;
            font-style: italic;
            margin: 25px 0;
            color: #555;
        }
        .blog-content h2 {
            margin-top: 30px;
            margin-bottom: 15px;
        }
        
        
        .related-post {
            transition: transform 0.3s;
        }
        .related-post:hover {
            transform: translateY(-5px);
        }
        .author-bio {
            background-color: #f8f9fa;
            border-radius: 5px;
            padding: 20px;
        }
        .image-caption {
            font-size: 0.9rem;
            color: #6c757d;
            text-align: center;
            margin-top: -15px;
            margin-bottom: 20px;
        }
         /* Base styles for all devices */
    .comment-text {
        word-break: break-word;
        hyphens: auto;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    /* Mobile-specific adjustments */
    @media (max-width: 767px) {
        .comment-text {
            font-size: 0.9rem;
            line-height: 1.4;
            padding: 0 5px;
        }
        
        /* Force breaks on small screens */
        .comment-text {
            word-break: break-all;
            overflow-wrap: anywhere;
        }
    }
    
    /* Container constraints */
    .media-body {
        max-width: 100%;
        overflow: hidden;
    }