.period-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #1e3d31;
}

.period-card {
    position: relative;
}

.period-card .corner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #c9a469 transparent;
}

.group-count {
    font-size: 1rem;
    font-weight: 800;
}

/* Bootstrap's text-warning (#ffc107) is too light to read against the card's
   off-white background - use a darker amber for the Running Projects label
   and count instead. */
.text-running {
    color: #9c6b0a;
}

.breakdown-list {
    font-size: .8rem;
}

.breakdown-label {
    color: #8a8471;
}

.breakdown-value {
    font-weight: 700;
    color: #2b2b28;
}