/* Announcements page additions on top of the theme's announcements.css.
   Loaded via Layout bodyStyles so it comes after the in-body theme stylesheet. */

/* Promotion badge pill under the hero eyebrow (hero.badge) */
.hero__badge {
    align-self: flex-start;
    margin: 0;
    padding: 8px 16px;
    background: #111111;
    color: #FFFFFF;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

@media (max-width: 575.98px) {
    .hero__badge {
        font-size: 12px;
        letter-spacing: 1.5px;
    }
}

.scoreboard__fill--w69 {
    width: 69%;
}

/* Fit 2 or 3 stats in one row */
.scoreboard__stats {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
}