text {
    font-size: 15pt;
}

path {
    stroke-width: 3;
    fill: none;
}

.primary {
    stroke: #ffab00;
}

.focus {
    stroke: darkred;
}

.halo {
    color: white;
    stroke: white;
    stroke-width: 3;
    stroke-linejoin: round;
    /* vector-effect: non-scaling-stroke; */
}

.axis {
    font-size: 150%;
    font-weight: bold;
}

.xaxis {
    text-anchor: middle;
}

.yaxis {
    text-anchor: end;
}

.charttitle {
    font-size: 175%;
    text-anchor: start;
}

.chartsubtitle {
    font-size: 125%;
    text-anchor: start;
}

.chartfootnote {
    font-size: 85%;
    text-anchor: start;
    font-style: italic;
}

.clickable {
    cursor: pointer;
}

.text-link { /* show links in plaintext with an underline so they are clearly links */
    text-decoration: underline;
}