.page {
    margin-top: 40px;
    margin-bottom: var(--section-margin-top);
}

.page .section-title {
    text-align: center;
}

.content h2:not(:first-child) {
    margin-top: var(--gap-lg);
}

.content h2 {
    font-weight: 600;
    margin-bottom: 10px;
}

.content h3 {
    font-weight: 600;
    margin-bottom: 10px;
}

.content ul {
    padding-left: 12px;
}

.content li > ul {
    margin-top: 4px;
}

.content li:not(:first-child) {
    margin-top: 6px;
}

.content a {
    font-weight: 500;
    text-decoration: underline;
    color: var(--orange-accent-clr);
    transition: opacity 0.15s;
}

@media (hover: hover) {
    .content a:hover {
        opacity: 0.75;
    }
}

.semibold {
    font-weight: 600;
}

.content p {
    margin-top: 10px;
}


@media (min-width: 1280px) {
    .content h2:not(:first-child) {
        margin-top: var(--gap-xl);
    }

    .content {
        font-size: 17px;
    }

    .content ul {
        padding-left: var(--gap-xl);
    }
}