@media (max-width: 992px){
    .sidebar{
        width:70px;
    }
    .sidebar:hover{
        width:220px;
    }
    main{
        margin-left:70px;
    }
}

    @media (max-width:992px){
        .hero__container{
            grid-template-columns:1fr;
            text-align:center;
        }
        .hero__content{
            margin:auto;
            align-items:center;
        }
        .hero__card{
            margin:auto;
        }
    }

@media (max-width:768px){
    .hero{
        min-height:auto;
        padding:6rem 0;
    }
    .hero__title{
        font-size:2.7rem;
    }
    .hero__subtitle{
        font-size:1.2rem;
    }
}
@media (max-width:768px){
    .intro__grid{
        grid-template-columns:1fr;
    }
}
@media (max-width:768px){
    .chapter__video{
        margin:2rem 0;
    }
    .chapter__content{
        width:100%;
    }
}
@media (max-width:768px){
    .footer__nav{
        flex-direction:column;
        gap:1rem;
    }
}
@media (max-width:768px){
    .chapter__image img{
        width:100%;
    }
}
@media (max-width: 992px) {
    .repository__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .repository__grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 992px) {
    .toolbox__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .toolbox__grid,
    .invitation-videos__grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .infographics__grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .countdown-section .countdown {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .countdown-section .countdown__item {
        min-width: 0;
    }
}
@media (max-width: 420px) {
    .countdown-section .countdown {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .section,
    .chapter {
        padding-top: var(--space-3xl);
        padding-bottom: var(--space-3xl);
    }
    .chapter__header {
        margin-bottom: var(--space-2xl);
        padding-inline: 0;
    }
    .chapter__header h2 {
        font-size: clamp(2.2rem, 10vw, 3.2rem);
    }
    .hero__title {
        font-size: clamp(3.2rem, 15vw, 4.5rem);
    }
    .hero__subtitle {
        font-size: clamp(1.4rem, 7vw, 2rem);
    }
}
@media (max-width: 768px) {
    .infographic-resource {
        padding: var(--space-md);
    }
    .infographic-resource__header {
        flex-direction: column;
    }
    .infographic-resource__actions {
        flex-direction: column;
    }
    .infographic-resource__actions .btn {
        width: 100%;
    }
    .infographics__notice {
        align-items: flex-start;
    }
}
@media (max-width: 992px) {
    .experience-grid,
    .methodology-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .experience-grid,
    .methodology-grid {
        grid-template-columns: 1fr;
    }
    .chapter__subheader {
        margin-top: var(--space-3xl);
    }
}
@media (max-width: 768px) {
    .tool-card__actions {
        flex-direction: column;
    }
    .tool-card__actions .btn {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .toolbox__grid--documents,
    .toolbox__grid--presentations {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .toolbox__grid--documents,
    .toolbox__grid--presentations {
        grid-template-columns: 1fr;
    }
    .tool-card__actions {
        flex-direction: column;
        align-items: stretch;
    }
    .tool-card__actions .btn {
        width: 100%;
    }
}