/* Blog byline row.

   1. The separator is its own element in the row, so a long author name pushes
      the date onto a second line and leaves the bullet stranded at the end of
      the first. It becomes generated content on the date, which binds the two.
      The gap is a margin rather than a space, so it matches the row's own flex
      gap on both sides and gives the browser nowhere to split them.

   2. A post with no author set rendered the separator anyway and opened the line
      with a stray bullet. It is suppressed in that case.

   3. Below 480px the author byline stacks, where a bound separator would open
      the second line instead of ending the first, so it is dropped there. This
      is scoped to that one row: it is the only one wide enough to wrap. The
      read-time rows on the cards measure 184-216px inside a 351px column at
      390px, so they keep their single-line layout, their separator and their
      existing alignment at every width. The stacked row keeps the row's own
      centring, which is what groups it with the centred social icons beneath.

   4. The colour was --brand-500 on --brand-50: 3.50:1, under the 4.5:1 WCAG AA
      minimum for normal text. It moves one step down the same ramp to
      --brand-700. The hero row is excluded — it sits on the dark band, where the
      existing light blue already passes.

   :not(:last-of-type) guards a row with a single <p>, where both selectors would
   otherwise resolve to it and display:none would take the date with it. */

.div-block-33 > p:first-of-type:not(:last-of-type) { display: none; }
.div-block-33 > p:last-of-type::before { content: "\2022"; margin-right: 7.78px; }

.div-block-33:has(> .div-block-34 > .w-dyn-bind-empty) > p:last-of-type::before { content: none; }

@media (max-width: 479px) {
  .div-block-33.text-weight-semibold { flex-direction: column; }
  .div-block-33.text-weight-semibold > p:last-of-type::before { content: none; }
}

.div-block-33:not(._2),
.div-block-33:not(._2) p,
.div-block-33:not(._2) .div-block-34 { color: var(--brand-700, #00566D); }