/* mobile/mobile.css - Мобильные стили (Нео-Брутализм) */

@media (max-width: 768px) {
    body {
        padding: 12px !important;
        font-size: 14px;
    }
    
    .container {
        flex-direction: column !important;
        gap: 20px !important;
        padding: 12px !important;
    }
    
    .sidebar,
    .sidebar-brutal {
        width: 100% !important;
        position: static !important;
        margin-bottom: 15px;
        padding: 20px !important;
        box-shadow: 6px 6px 0 #1a1a1a !important;
    }
    
    .main-content {
        width: 100%;
        padding: 0 !important;
    }
    
    /* ПРИНУДИТЕЛЬНО ЧЁРНЫЙ ТЕКСТ */
    .post-brutal,
    .post-brutal *,
    .comment-brutal,
    .comment-brutal *,
    .post-content-brutal,
    .post-content-brutal *,
    .comment-text-brutal,
    .comment-text-brutal *,
    .comment-author-brutal,
    .comment-guest-brutal {
        color: #1a1a1a !important;
    }
    
    .post-brutal a,
    .comment-brutal a,
    .post-content-brutal a {
        color: #ff1493 !important;
    }
    
    .comment-author-brutal {
        color: #1a1a1a !important;
        background: #7dff9d !important;
    }
    
    /* Размеры */
    .post-brutal { padding: 18px !important; }
    .post-title-brutal { font-size: 1.4em !important; }
    .comment-brutal { padding: 14px !important; }
    .avatar-brutal { width: 36px !important; height: 36px !important; }
}