@media (max-width: 992px) {
    .service-grid, .recruitment-features .container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .link-list {
        grid-template-columns: 1fr;
    }

    .overview-table th, .overview-table td, .recruitment-table th, .recruitment-table td {
        display: block;
        width: 100%;
    }

    .overview-table th, .recruitment-table th {
        background: var(--primary-color);
        color: #fff;
        text-align: center;
    }

    .overview-table td, .recruitment-table td {
        border-top: none;
        margin-bottom: 10px;
    }

    .recruitment-features .container {
        grid-template-columns: 1fr;
    }
}