/* Ensure candidate ID pill does not span full width */
.nlmc-candidate-id,
.nlmc-list-id {
	display: inline-flex !important;
	align-items: center;
	max-width: max-content;
	width: auto !important;
	white-space: nowrap;
}

/* Optional: maintain consistent visual style in case themes override */
.nlmc-candidate-id {
	background: #e3f2fd;
	color: #1976d2;
	padding: 4px 12px;
	border-radius: 16px;
	font-weight: 500;
}

/* Board card CTA: keep buttons compact and bottom-aligned across cards */
.nlmc-card {
	display: grid;
	grid-template-rows: auto 1fr auto; /* image/content area | flexible content | button */
	height: 100%;
	min-height: 0; /* prevent flex overflow issues */
}

.nlmc-card-link {
    display: contents; /* make it transparent for grid layout */
}

/* Ensure consistent spacing between content blocks even when skills are absent */
.nlmc-card-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	overflow: hidden; /* ensure content doesn't exceed bounds */
}

/* Button sits at bottom with consistent baseline */
.nlmc-card-btn {
    /* make the anchor itself the button with spacing from card edges */
    display: block !important;
    text-align: center !important;
    margin: 0 20px 20px 20px !important; /* 20px clearance sides and bottom */
    width: calc(100% - 40px) !important; /* keep full visual width minus margins */
}

/* Text wrapper inside the anchor should not force full-width; let the anchor style it */
.nlmc-btn-text {
    display: inline !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}