.hearth-of-july .oregon-county {
    fill: #000;
    stroke: var(--plot-bg);
    stroke-width: 2px;
}

.hearth-of-july .fire-line {
    stroke: #ac1000;
    stroke-width: 3px;
    fill-opacity: 0;
}

.hearth-of-july .title {
    font-size: var(--h1);
    fill: var(--text);
    text-anchor: middle;
}

.hearth-of-july .oregon-state {
    stroke: #420d07;
    stroke-width: 2px;
    fill-opacity: 0;
    fill: none;
}


#plot3 .x, #plot3-clipped .x {
    font-size: var(--h1);
    text-anchor: start;
}

#plot3 .x text,
#plot3-clipped .x text {
    fill: var(--text-accent);
}

#plot3 .x.clipped text,
#plot3-clipped.x.clipped text  {
    fill: var(--plot-bg);
}

.hearth-of-july rect {
    fill: var(--text-accent);
}