:root
{
    --hn-top-link-padding-right: 0.8rem;
    --hn-top-link-padding-left: 0.8rem;
}

html 
{
    font-size: 62.5%;
    overflow-y: scroll;
}

body
{
    font-size: 1.6rem;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    word-wrap: break-word;
}

h2, h3
{
    margin-top: 4rem;
}

h1
{
    font-size: 4rem;
}

h2
{
    font-size: 3.2rem;
}

h3
{
    font-size: 2.8rem;
}

h4
{
    font-size: 2.4rem;
}

h5
{
    font-size: 2rem;
}

h6
{
    font-size: 1.6rem;
}

.indent h1, 
.indent h2, 
.indent h3, 
.indent h4, 
.indent h5, 
.indent h6
{
    margin-top: 0;
}

.hn-menu a 
{
    text-decoration: none !important;
}

.hn-menu label
{
    margin-bottom: 0;
}

.scroll-anchor:before 
{
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 7rem;
    margin-top: -7rem;
}

.scroll-anchor-height
{
    height: 7rem;
}

[class^=col]
{
    margin-bottom: 2rem;
}

.card
{
    box-shadow: 0 0 1.0rem #999;
    border-width: 0.2rem;
}

.card-body
{
    background: rgba(255, 0, 0, 0.03);
}

.card-body-success
{
    background: rgba(0, 255, 0, 0.03);
}

.feature-list
{
    list-style: none;
    padding-left: 0.5rem;
}

.feature-list li
{
    font-weight: bold;
}
.feature-list li::before
{
    content: '✓';
}

.feature-list li.feature-not-enabled
{
    font-weight: normal;
}
.feature-list li.feature-partially-enabled
{
    font-weight: normal;
}

.feature-list li.feature-not-enabled::before
{
    content: '✕';
}
.feature-list li.feature-partially-enabled::before
{
    content: '◻';
}

pre
{
    padding: 1rem;
    background: rgba(0, 0, 0, 0.05);
}

.indent
{
    padding-left: 2rem;
}

.p-no-margin p:not(:last-child)
{
    margin-bottom: 0;
}