/* Do not flash static placeholder cards before public API data has loaded. */
body:has(#articles):not(.dynamic-ready) #articles,
body:has(.list):not(.dynamic-ready) .list {
  visibility: hidden;
  opacity: 0;
}

body:has(#home-articles):not(.home-ready) #home-articles {
  visibility: hidden;
  opacity: 0;
}

body.dynamic-ready #articles,
body.dynamic-ready .list {
  visibility: visible;
  opacity: 1;
  transition: opacity .22s ease-out;
}

body.home-ready #home-articles {
  visibility: visible;
  opacity: 1;
  transition: opacity .22s ease-out;
}