/*
 * "On a pilgrimage route" thread on saint and city hub pages
 * (templates/components/route-membership.php). Destination pages render the
 * same rows inside the guide backlink and style them in their own sheets;
 * these rules give saint and city pages the identical treatment.
 */
.er-route-membership.er-guide-backlink {
  margin: 34px auto;
  padding: 18px 22px;
  border: 1px solid rgba(31, 27, 20, 0.12);
  border-left: 3px solid var(--er-clay-deep, #8E4E2E);
  border-radius: 0 10px 10px 0;
  background: var(--er-ivory, #F6F1E4);
}

.er-route-membership p {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 16px;
  margin: 0;
}

.er-route-membership p + p {
  margin-top: 8px;
}

.er-route-membership .er-guide-backlink-label {
  font: 600 13px/1.3 var(--er-sans, sans-serif);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--er-ink-3, #6E6555);
}

.er-route-membership a {
  font-family: var(--er-serif, Georgia, serif);
  font-size: 17px;
  font-weight: 600;
  color: var(--er-ink, #1F1B14);
  text-decoration: none;
  border-bottom: 1px solid rgba(31, 27, 20, 0.25);
}

.er-route-membership a:hover {
  color: var(--er-clay-deep, #8E4E2E);
  border-bottom-color: currentColor;
}

.er-route-membership a:focus-visible {
  outline: 2px solid var(--er-clay-deep, #8E4E2E);
  outline-offset: 3px;
}

/* Saint pages: the thread closes Where to Go, so it shares that section's wide
   column rather than the default saint container. */
.er-saint-v1__route-membership > .er-saint-v1__container {
    max-width: var(--er-saint-v1-wide-container);
}