h1, h2, h3, h4, h5, h6 {
    color: var(--heading);
    font-weight: 600;
}

strong {
    font-weight: 600;
}

h1 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 0 20px;
}

h2 {
    font-size: 20px;
    line-height: 1.3;
    margin: 48px 0 8px;
}

h3 {
    font-size: 18px;
    line-height: 1.3;
    margin: 40px 0 8px;
}

h4, h5, h6 {
    margin: 32px 0 8px;
}

small {
    font-size: 14px;
    line-height: 1.4;
}

a {
    color: var(--link);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--link) 35%, transparent);
    text-underline-offset: 0.15em;
    transition: text-decoration-color 0.15s;
}

a:hover {
    text-decoration-color: var(--link);
}

p {
    margin: 20px 0;
    text-align: justify;
    text-justify: inter-word;
    text-wrap: pretty;
    hyphens: auto;
    overflow-wrap: break-word;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
}

ul {
    margin: 20px 0;
    padding-left: 1.5em;
}

li + li {
    margin-top: 8px;
}

li::marker {
    color: var(--color-base1);
}
