@media (max-width: 768px) {
    .content-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sidebar {
        position: static;
    }

    .hero h1 {
        font-size: 32px;
    }

    .article h2 {
        font-size: 24px;
    }
}