/* Shared article action: text and arrow together at the physical right. */
@layer components {
main [data-card-body] > a.phx-article-link[data-ui-text-link] {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: .35em;
  width: 100%;
  direction: ltr;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding-inline: 0;
  color: inherit;
  text-decoration: none;
}
.phx-article-link > [data-article-link-label] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.phx-article-link > .phx-link-arrow {
  flex: none;
  margin: 0;
  text-decoration: none;
}
}