.featured-label {
    display: inline-block;
    background: var(--brand-accent-pink);
    color: #fff;
    padding: 0.1em 0.4em;
    margin-bottom: 0.3em;
}

/* navbar overrides - was scoped to the new-design listing/article pages
   only (assets/static/prototypes/refresh/{list,prototype}.css), making the
   header noticeably taller everywhere else on the site (Homepage,
   GovernmentTracker, flatpages, etc) than on new-design pages. custom.css
   loads on every page via base.html, so this now applies site-wide. */
.navbar {
    padding: 0;
}

header .navbar-nav {
    padding-top: 10px;
}

header .navbar {
    min-height: 78px;
}

header .navbar .logo-img {
    height: auto;
    width: 54px;
    margin: 0;
}

header .navbar-collapse {
    margin: 0;
}

header .navbar-donate {
    margin-top: 0px;
}

header .navbar-nav .nav-link {
    font-weight: 500;
}

header .navbar-donate {
    font-size: 1rem;
    padding: 8px 17px;
}

/* Nav container width - matches the wider 1390px redesign grid that
   assets/static/prototypes/refresh/{list,prototype}.css apply to
   new-design pages (framework .container caps at 1140px), so the nav reads
   as one consistent width across the whole site rather than looking
   narrower/boxed-in on Homepage, GovernmentTracker, flatpages etc. Scoped
   to .page-header (the nav's wrapper) rather than .container generally, so
   it doesn't also widen those pages' own content. */
@media (min-width: 1200px) {
    .page-header .container {
        max-width: 1390px;
    }
}

@media (max-width: 1199.98px) {
    .page-header .container {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}