* {
    --skill-tint-color:  #0063a2;
}

div.skill-stats ~ p {
    margin-left: 0.5em;
}

div.skill-stats label,
div.skill-stats .default-ability,
div.skill-stats .default-attr,
div.skill-stats .default-skill 
{
    font-size: 0.9em;
    color: var(--skill-tint-color);
    margin-right: 0.25em;
}

div.skill-stats span.difficulty {
    display: inline-block;
    width: 6em;
}

div.skill-stats span.prereqs {
    margin-left: 6.25em;
}

div.skill-stats span.ability-name,
div.skill-stats span.attr-name
{
    font-style: italic;
}

div.skill-stats a.skill-name {
    font-style: italic;
    font-weight: 600;
}

div.skill-stats span.skill-name {
    font-style: italic;
}

h2.skill, 
h3.skill, 
h4.skill 
{
    font-size: 1.2em;
    font-style: normal;
    font-weight: normal;
    margin-bottom: 0 !important;
    margin-left: 0.5em;
    display: block;
    position: relative;
    color: var(--skill-tint-color) !important;
}

.skill-stats, 
div.skill-specialization-type + .skill-stats 
{
    position: relative;
    border-top: 1px solid var(--skill-tint-color);
    margin-top: 0;
    padding: 0.5em 0.5em 0.25em;
}

.skill-stats::after,
div.skill-specialization-type + .skill-stats::after {
    content: "";
    background-color: var(--skill-tint-color);
    opacity: 0.05;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

div.skill-specialization-type,
span.skill-specialization
{
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.9em;
    color: black;
    font-weight: 400;
}

div.skill-specialization-type {    
    font-style: italic;
    font-size: 1.1em;
}