.user-guide-content {
    max-width: 50em;
    margin: auto;
}

.user-guide-content h2 {
    margin-top: 3rem;
    margin-bottom: .8rem;
}

.user-guide-content > div:first-child > h2:first-child {
    margin-top: 0;
}

.user-guide-content h3 {
    margin-top: 2rem;
    font-size: 1.25em;
}

.user-guide-content h3,
.user-guide-content .alert {
    margin-top: 2rem;
}

.user-guide-content ol {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.article-nav {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem;
}

.article-sub-nav {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: .5rem;
}

.guide-subnav-toggle {
    border: 0;
    line-height: 1;
}

.guide-subnav-toggle i {
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}

.guide-subnav-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}