/*
 * Intentionally almost empty.
 *
 * The state pages emit the metro pages' own markup and class names, so
 * the metro stylesheet dresses them. Anything added here is a place
 * where the two will drift apart, so think twice before writing in it.
 */

/* A city card carries a count rather than a street address, which wants
   a touch more weight than address text gets. */
.al-city-locations .al-loc-card .al-loc-addr { font-weight: 600; }

/* Opening paragraphs sit centred under the centred heading. */
.as-lede { text-align: center; }
.as-lede p {
    margin-left: auto;
    margin-right: auto;
    max-width: 76ch;
}

/*
 * Put the footer state directory back.
 *
 * athena-metro prints `body:has(.ath-metro) .ath-states { display: none }`
 * inline, because on a city page the footer's 28 state links sat directly
 * under that city's own list and read as duplication.
 *
 * State pages emit .ath-metro too, so they inherited that hide and the
 * directory vanished from all 28 of them. On a state page it is not
 * duplication, it is how a visitor gets from Georgia to Florida, so it
 * comes back.
 *
 * .as-lede is the marker because it exists only on a state page. One extra
 * :has() outranks the metro rule on specificity, so this wins wherever the
 * two are printed relative to each other.
 */
body:has(.ath-metro):has(.as-lede) .ath-states { display: block; }

/* The gold ribbon means a newly installed machine on a metro page. A city
   guide is a different thing, so it keeps the shape and takes the ink
   colour. Gold stays reserved for new. */
/* Two classes, not one: the metro rule for --new is printed inline after
   this file, so a single class ties on specificity and loses on order. */
.ath-metro .al-loc-card--new.al-loc-card--guide { border-color: #0B0B0C; }
.ath-metro .al-loc-card--guide .al-new-ribbon {
    background: #0B0B0C;
    color: #fff;
}