/* Shared reading links on the homepage and article lists. */
.btn.site-article-read {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 44px;
  margin-top: 6px;
  padding: 8px 8px 8px 15px;
  border: 1px solid #bb861f;
  border-radius: 9px;
  background: transparent;
  color: #765016;
  font-weight: 700;
  white-space: nowrap;
}
.btn.site-article-read::after {
  content: "→";
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid #d9b971;
  border-radius: 50%;
  transition: transform 160ms ease;
}
a:hover .btn.site-article-read,
a:focus-visible .btn.site-article-read,
button.btn.site-article-read:is(:hover,:focus-visible) {
  background: transparent;
  border-color: #986018;
  color: #573a0f;
}
a:hover .btn.site-article-read::after,
a:focus-visible .btn.site-article-read::after,
button.btn.site-article-read:is(:hover,:focus-visible)::after { transform: translateX(2px); }
@media (prefers-reduced-motion: reduce) {
  .btn.site-article-read::after { transition: none; }
}

/* Article cards on DG listing pages share the homepage treatment. */
a.card.bg-light:has(.site-article-read) {
  background: transparent !important;
  border: 1px solid #bb861f;
  border-radius: 14px;
  color: #302519;
  box-shadow: none;
}
a.card.bg-light:has(.site-article-read) .card-body { background: transparent; }
a.card.bg-light:has(.site-article-read) .card-body :is(h3,h4) { color: #daa520; }
a.card.bg-light:has(.site-article-read) .card-body p { color: #544838; }
a.card.bg-light:has(.site-article-read):is(:hover,:focus-visible) { border-color: #986018; }
a.card.bg-light:has(.site-article-read):focus-visible { outline: 2px solid #986018; outline-offset: 3px; }