main{
    padding: 3rem 10rem;
}
summary >p{
    margin-top: .5rem   ;
}
.faq-content{
    padding: 2rem;
    width: 100%;
}
dt{
    padding: 1rem;
    cursor: pointer;
    border-bottom: 1px solid #212121;
    font-weight: bolder;
}
dt::before{
    content: "❓";
    margin-right: 1rem;
    color: #212121;
}
dd{
    padding: 1rem 0 2rem 2rem;
}

dd::before{
    content: "✅";
    margin-right: 1rem;
    color: #212121;
}

@media (max-width: 768px){
    main{
        padding: 2rem;
    }
    summary > p{
        font-size: .9rem;
    }
    .faq-content{
        width: 100%;
    }
    dt{
        font-size: 1.2rem;
    }
    dd{
        font-size: 1rem;
    }
}
@media (max-width: 480px){
    main{
        padding: 1rem;
    }
    summary > p{
        font-size: .8rem;
    }
    .faq-content{
        width: 100%;
    }
    dt{
        font-size: 1rem;
    }
    dd{
        font-size: .9rem;
    }
}

summary{
    margin-bottom: 15svh;
}