/* HBP Responsive CSS */
@media (max-width: 768px) {
    .container { 
        padding: 0 15px; 
    }
    
    .hero h1 { 
        font-size: 2rem; 
    }
    
    section h2 { 
        font-size: 2rem; 
    }
    
    header nav {
        padding: 15px 20px;
    }
    
    .nav-links {
        gap: 15px;
        font-size: 0.9rem;
    }
    
    .info-grid, .case-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .info-content, .case-content {
        padding: 20px;
    }
    
    .info-meta, .case-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}