/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 19 2026 | 16:27:23 */
/* Saved Articles tab (PMS account): Favorites list as a card grid */
.provence-saved-articles .favorites-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px 32px;
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
}
.provence-saved-articles .favorites-list > li {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0 !important; /* overrides the default list item padding */
	border: 0 !important;  /* removes the line above the image */
}
.provence-saved-articles .favorites-list > li > * {
	margin: 0 !important;  /* removes paragraph spacing around title and button */
	padding: 0 !important;
}
/* Image and title: full width, one under another */
.provence-saved-articles .favorites-list > li > :first-child,
.provence-saved-articles .favorites-list > li > :nth-child(2) {
	flex: 0 0 100%;
}
.provence-saved-articles .favorites-list > li img {
	display: block;
	float: none;
	width: 100%;
	max-width: none;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0;
}
/* Title */
.provence-saved-articles .favorites-list > li > :nth-child(2),
.provence-saved-articles .favorites-list > li > :nth-child(2) a {
	position: static;
	line-height: 1.15;
}
.provence-saved-articles .favorites-list a {
	font-size: 1.375rem;
	color: inherit;
	text-decoration: none;
}
.provence-saved-articles .favorites-list a:hover {
	text-decoration: none;
}
/* Title: max 2 lines, then ellipsis */
.provence-saved-articles .favorites-list > li > :nth-child(2) a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}
/* Makes the image clickable: the title link is stretched over the image area */
.provence-saved-articles .favorites-list > li > :nth-child(2) a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 1 / 1;
}

/* Bookmark button: top right corner of the image, above the image link */
.provence-saved-articles .favorites-list > li > :last-child {
	position: absolute;
	top: 18px;
	right: 6px;
	z-index: 2;
	line-height: 0;
	background-color: white;
	border-radius: 50px;
}
.provence-saved-articles .favorites-list > li > :last-child,
.provence-saved-articles .favorites-list > li > :last-child * {
	cursor: pointer;
}
/* Tablet: 2 per row */
@media (max-width: 1024px) {
	.provence-saved-articles .favorites-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
/* Mobile: 1 per row */
@media (max-width: 767px) {
	.provence-saved-articles .favorites-list {
		grid-template-columns: 1fr;
	}
}