body {
    color: var(--c-brand-b);
}

#main {
    max-width: 900px;
    margin: auto;
    color: var(--c-brand-b);
    font-variant-numeric: lining-nums;
}

#main h1 {
    padding: 1em 0 0.5em 0;

}

#main h2 {
    font-family: 'Raleway-Bold-Regular', 'Raleway-Bold';
}

p {
    margin: 1em 0;
}

#main ul {
    list-style-type: disc;
    padding-left: 1rem;
}

li {
    font-size: 13px;
    margin: 1em 0;
}

h3, strong {
    font-size: 13px;
    font-family: 'Raleway-Bold';
}

ol:not([type="a"]):not([type="i"]) {
    counter-reset: item list-item;
}

ol li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
} 

li ol {
    padding: revert;
}

/* ol li {
    display: block;
} */

ol:not([type="a"]):not([type="i"]) {
    list-style: none;
}


ol[type="a"] li:before, ol[type="i"] li:before {
    content: normal;
}

ol[type="a"] {
    list-style: lower-alpha;
}

ol[type="i"] {
    list-style: lower-roman;
}
li h3:first-child, li p:first-child {
    display: inline-block;
}

li {
	font-family: 'Raleway-Regular';
}

li ol li {
    font-family: 'Raleway-Regular';
}

.section {
    padding: 1em 0;
}

li a {
    text-decoration: underline;
}

li a:hover {
    font-family: "Raleway-Bold";
    text-decoration-color: var(--c-brand-a);
}
