/* INCOME *********************************************************************/
.counties {
    stroke: #05080b;
    stroke-width: 0.2px;
}

.states {
    fill: none;
    stroke: #05080b;
    stroke-width: 1px;
}

.nation {
    fill: none;
    stroke-width: 1px;
}

.toggle-cost-pill,
.toggle-cheese-pill {
    cursor: pointer;
    fill: var(--text-dim-accent);
}
.toggle-cost-dot,
.toggle-cheese-dot {
    fill: var(--text);
}

.caption-text {
    font-size: 2rem;
    fill: var(--text-stark);
    text-anchor: middle;
}

.label-left,
.label-right {
    font-size: 1rem;
}

main dl {
    text-align: right;
}

main dt {
    width: 10rem;
    float: left;
}

dd + dt {
    margin-top: 0;
}

main dd {
    width: 6rem;
    margin-left: 10rem;
}


@media screen and (max-aspect-ratio: 4/5) {
    main dt {
        width: 20rem;
        float: left;
    }

    main dd {
        width: 12rem;
        margin-left: 20rem;
    }
}