/* responsive.css - Responsive design styles */
@media (max-width: 1200px) {
    .container {
        margin: 80px 20px;
        width: auto;
    }
}

@media (max-width: 768px) {
    .content-wrapper {
        flex-direction: column;
    }

    .main-column,
    .sidebar-column {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .site-title {
        font-size: 20px;
    }

    nav a {
        font-size: 14px;
        padding: 4px 8px;
    }
}