/* Readability pass (every main page). Loaded last, so it wins over the cached stylesheets
   without editing them. */

/* the faintest grey (eyebrows, labels, fine print, footer headings) was 3.99:1 on the
   ground, under the 4.5:1 that small text needs; this is 5.27:1 and still reads as the faint step */
:root{ --t5: #7e8590; }

/* the hero's line under the headline sits on the film, which is a bright grey ribbon
   in places: white text with a soft dark halo stays legible over the brightest frame */
.hero .lede{
  color: #f1f4f9;
  text-shadow: 0 1px 2px rgba(0,0,0,.7), 0 0 16px rgba(4,8,12,.85), 0 0 34px rgba(4,8,12,.6);
}
.hero h1{ text-shadow: 0 2px 22px rgba(4,8,12,.55); }