.related-links {
    margin-top: 1rem;
}

.related-title {
    margin-bottom: 0.5rem;
    opacity: 0.85;
}

.related-chipset {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.related-chip {
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,0.08);
    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(242,242,242,0.92));
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

    .related-chip:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 22px rgba(0,0,0,0.08);
        border-color: rgba(187,169,108,0.55);
    }

/* slightly larger tap targets on mobile */
@media (max-width: 600px) {
    .related-chipset {
        gap: 0.6rem;
    }

    .related-chip {
        padding: 0.15rem 0.2rem;
    }
}