:root {
    --bs-breadcrumb-divider: '>';
}

img {
    max-width: 100%;
    height: auto;
}

pre {
    padding: .7rem;
}

main {
    word-break: break-all;
    line-height:1.7;
}

.learn-grav-chapter h1 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.learn-grav-default h2,
.learn-grav-default h3,
.learn-grav-default h4,
.learn-grav-default h5,
.learn-grav-default h6 {
    padding-top: 3.5rem;
    padding-bottom: .7rem;
}

.learn-grav-default blockquote {
    padding: 0 0 0 1em;
    border-left: .25em solid var(--bs-gray);
}

.heading-external-link a {
    padding-inline-start: .3rem;
}

.heading-external-link svg {
    color: var(--bs-primary);
    opacity: 0;
}

.heading-external-link:hover svg {
    opacity: 1;
}

.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
}

@media (min-width:991.99px) {
    .offcanvas-lg {
        position: sticky;
        height: 100vh;
        left:0;
        top:0;
    }
}