@media (max-width: 992px) {
            .doc-container {
                flex-direction: column;
            }
            
            .sidebar {
                position: static;
                margin-bottom: 2rem;
            }
            
            .header-container {
                flex-direction: column;
                gap: 1.5rem;
            }
            
            .nav-links {
                gap: 1.5rem;
            }
        }

        @media (max-width: 768px) {
            .doc-container {
                padding: 1.5rem;
            }
            
            .content {
                padding: 1.5rem;
            }
            
            .content-header h1 {
                font-size: 1.75rem;
            }
            
            .info-cards {
                grid-template-columns: 1fr;
            }
            
            .footer-content {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
        }

        @media (max-width: 576px) {
            .doc-header {
                padding: 1rem 1.5rem;
            }
            
            .nav-links {
                gap: 1rem;
                flex-wrap: wrap;
                justify-content: center;
            }
        }