/* Professional subtle inline card for related links (non-button) */
.ailh-related { margin: 0; display: inline; position: relative; line-height: inherit; }
.ailh-related-link {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  /* Minimal inline styling: keep link visually like surrounding text
     - no large frame
     - no icon or prefix text
     - no underline or blue color by default
     - subtle underline on hover for accessibility */
  .ailh-related {
    display: inline;
    margin: 0 4px;
    padding: 0;
    line-height: inherit;
  }

  .ailh-related-link {
    display: inline;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    color: inherit; /* look like normal text */
    text-decoration: none; /* remove underline */
    font-weight: inherit;
  }

  .ailh-related-link:hover,
  .ailh-related-link:focus {
    text-decoration: underline; /* indicate interactivity on hover/focus */
  }

/* Responsive tweaks */
@media (max-width:600px) {
  .ailh-related-link { width: 100%; box-sizing: border-box; justify-content: flex-start; }
  .ailh-related-link .ailh-icon { width: 28px; height: 28px; font-size: 14px; }
}

/* Ensure color inherits from theme but keep contrast */
.ailh-related-link, .ailh-related-link * { color: inherit; }