section {
    position: relative;

    padding: 2.4rem;

    background: var(--card-bg);
    border-radius: var(--radius-lg);
    box-shadow: 0 0.8rem 1.6rem rgb(0 0 0 / 5%);

    transition: transform 0.3s, box-shadow 0.3s;
}

section:hover {
    box-shadow: 0 1.2rem 2.4rem rgb(0 0 0 / 10%);

    transform: translateY(-0.4rem);
}

section h2 {
    font-size: 2.4rem;

    border-bottom: 0.2rem solid #e5e7eb;
    margin-bottom: 1.6rem;
    padding-bottom: 0.8rem;
}

ul,
ol {
    margin-bottom: 1.6rem;
    padding-left: 2rem;
}

li {
    margin-bottom: 0.8rem;
}

li > a {
    text-decoration: none;
}

nav > a {
    margin: 0 5rem;

    text-decoration: none;
    color: #fff;
}

.badge,
span {
    display: inline-block;
    padding: 0.3rem 0.8rem;

    font-weight: 500;

    background: linear-gradient(90deg, #fde68a, #fcd34d);
    border-radius: 0.6rem;
}