.rcm-view-all,
.rcm-view-all * {
	box-sizing: border-box;
}

.rcm-view-all {
	--rcm-home-rail-gap-title-rule: 15px;
	--rcm-home-rail-gap-rule-content: 34px;
	width: 100%;
	max-width: 100%;
	margin: 0 0 72px;
	align-self: start;
	min-width: 0;
}

.rcm-view-all__container {
	width: min(1263px, calc(100% - 32px));
	margin: 0 auto;
}

.rcm-view-all__header {
	margin-bottom: var(--rcm-home-rail-gap-rule-content, 34px);
}

.rcm-view-all__title {
	margin: 0 0 var(--rcm-home-rail-gap-title-rule, 15px);
	color: #183354;
	font-family: Manrope, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 32.582px;
	text-transform: capitalize;
}

.rcm-view-all__rule {
	position: relative;
	height: 5px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.rcm-view-all__rule-accent {
	position: absolute;
	top: -1px;
	left: 0;
	width: 40px;
	height: 5px;
	background: var(--rcm-view-all-accent, var(--rcm-topic-color, #7153b0));
}

.rcm-view-all__rule-notch {
	position: absolute;
	top: -1.5px;
	left: 36px;
	width: 10px;
	height: 6px;
	background: #fff;
	-webkit-mask-image: url('../../assets/images/notch-mask.svg');
	mask-image: url('../../assets/images/notch-mask.svg');
	-webkit-mask-size: 10px 6px;
	mask-size: 10px 6px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
}

.rcm-view-all__layout {
	display: grid;
	grid-template-columns: minmax(0, 902px) 331px;
	gap: 30px;
	align-items: start;
}

.rcm-view-all__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	min-width: 0;
}

.rcm-view-all__item {
	display: grid;
	grid-template-columns: 440px minmax(0, 1fr);
	gap: 35px;
	align-items: center;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	position: relative;
	z-index: 0;
}

.rcm-view-all__image {
	display: block;
	width: 440px;
	max-width: 100%;
	height: 300px;
	max-height: 300px;
	min-height: 300px;
	min-width: 0;
	border-radius: 6px;
	background: #e9edf3 center / cover no-repeat;
	overflow: hidden;
}

.rcm-view-all__image-img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 300px;
	max-height: 300px;
	object-fit: cover;
}

.rcm-view-all__image--placeholder {
	background: #e9edf3;
}

.rcm-view-all__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 0;
	max-width: 405px;
	width: 100%;
	min-width: 0;
}

.rcm-view-all__topic {
	--rcm-view-all-topic-bg: var(--rcm-view-all-item-topic, var(--rcm-view-all-accent, var(--rcm-topic-color, #7153b0)));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 189px;
	height: 26px;
	margin-bottom: 14px;
	padding: 0 12px;
	border-radius: 2.909px;
	background: var(--rcm-view-all-topic-bg);
	color: #fff;
	font-family: Manrope, sans-serif;
	font-size: 12.606px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0.756px;
	text-decoration: none;
	text-transform: uppercase;
}

.rcm-view-all__topic:hover,
.rcm-view-all__topic:focus-visible,
.rcm-view-all__topic:active {
	color: #fff;
	background: var(--rcm-view-all-topic-bg);
	text-decoration: none;
	opacity: 1;
}

.rcm-view-all__item-title {
	display: block;
	width: 100%;
	margin-bottom: 13px;
	color: #183354;
	font-family: Manrope, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 30.8px;
	text-decoration: none;
	text-transform: capitalize;
}

/* Directories list: no excerpt block — match vertical rhythm before Read more */
.rcm-view-all__item--no-excerpt .rcm-view-all__item-title {
	margin-bottom: 19px;
}

.rcm-view-all__excerpt {
	margin-bottom: 19px;
	color: #545e69;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	text-transform: capitalize;
}

/* WPBakery leakage in excerpts (defensive only — excerpts are plain text; no display:contents) */
.rcm-view-all__excerpt .vc_empty_space,
.rcm-view-all__excerpt .vc_empty_space_inner,
.rcm-view-all__excerpt .wpb_single_image,
.rcm-view-all__excerpt .vc_single_image-wrapper {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
}

.rcm-view-all__read-more {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	height: 36px;
	padding: 0 16px;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #fff;
	color: #183354;
	font-family: Inter, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}

.rcm-view-all__read-more svg {
	flex: 0 0 auto;
}

.rcm-view-all__sidebar {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.rcm-view-all__ad {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: transparent;
	color: #000;
	font-family: Inter, sans-serif;
	font-size: 28.59px;
	font-weight: 500;
	text-transform: uppercase;
}

.rcm-view-all__ad--600 {
	width: 300px;
	min-height: 600px;
}

.rcm-view-all__ad--250 {
	width: 300px;
	min-height: 250px;
}

/* Injected between list items on mobile; hidden on desktop (sidebar shows all slots). */
.rcm-view-all__mobile-ad-group {
	display: none;
}

.rcm-view-all__pagination {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 42px;
}

.rcm-view-all__page-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid #cfcfcf;
	border-radius: 8px;
	background: #fff;
	color: #7153b0;
	text-decoration: none;
}

.rcm-view-all__page-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
}

.rcm-view-all__page-icon::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.rcm-view-all__page-btn--prev .rcm-view-all__page-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10.78 2.97a.75.75 0 0 1 0 1.06L6.81 8l3.97 3.97a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 0z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M10.78 2.97a.75.75 0 0 1 0 1.06L6.81 8l3.97 3.97a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 0z'/%3E%3C/svg%3E");
}

.rcm-view-all__page-btn--next .rcm-view-all__page-icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M5.22 13.03a.75.75 0 0 1 0-1.06L9.19 8 5.22 4.03a.75.75 0 1 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M5.22 13.03a.75.75 0 0 1 0-1.06L9.19 8 5.22 4.03a.75.75 0 1 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0z'/%3E%3C/svg%3E");
}

.rcm-view-all__page-btn.is-disabled {
	pointer-events: none;
	opacity: 0.45;
}

.rcm-view-all__page-status {
	color: #6d757f;
	font-family: Manrope, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	min-width: 58px;
	text-align: center;
}

@media (max-width: 1024px) {
	.rcm-view-all__layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.rcm-view-all__sidebar {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 12px;
	}

	.rcm-view-all__ad--600 {
		min-height: 250px;
	}

	.rcm-view-all__ad--600,
	.rcm-view-all__ad--250 {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.rcm-view-all {
		--rcm-home-rail-gap-title-rule: 16px;
		--rcm-home-rail-gap-rule-content: 24px;
		margin-bottom: 56px;
	}

	.rcm-view-all__container {
		width: calc(100% - 20px);
	}

	.rcm-view-all__title {
		font-size: 28px;
		line-height: 1.2;
	}

	.rcm-view-all__item {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.rcm-view-all__image {
		width: 100%;
		height: 300px;
		max-height: 300px;
		min-height: 300px;
	}

	.rcm-view-all__image-img {
		min-height: 300px;
		max-height: 300px;
	}

	.rcm-view-all__item-title {
		font-size: 24px;
		line-height: 1.25;
	}

	.rcm-view-all__excerpt {
		font-size: 15px;
		line-height: 1.6;
	}

	.rcm-view-all__topic {
		min-width: 0;
	}

	.rcm-view-all__sidebar {
		display: none;
	}

	.rcm-view-all__mobile-ad-group {
		display: block;
		width: 100%;
		margin: 0;
	}

	.rcm-view-all__mobile-ad-group--row {
		display: grid;
		gap: 10px;
		width: 100%;
		align-items: start;
	}

	.rcm-view-all__mobile-ad-group--cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rcm-view-all__mobile-ad-group--cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rcm-view-all__mobile-ad-cell {
		min-width: 0;
		width: 100%;
	}

	/* Match .rcm-home-latest__ad on home (≤767): compact leaderboard strip, not 250/600 towers. */
	.rcm-view-all__mobile-ad-cell .rcm-view-all__ad {
		width: 100%;
		height: auto;
		min-height: 90px;
		max-height: 120px;
		aspect-ratio: 320 / 100;
		font-size: 18px;
		overflow: hidden;
	}

	.rcm-view-all__mobile-ad-cell .rcm-view-all__ad--600 {
		min-height: 90px;
		max-height: 120px;
	}

	.rcm-view-all__mobile-ad-cell .rcm-view-all__ad iframe,
	.rcm-view-all__mobile-ad-cell .rcm-view-all__ad img,
	.rcm-view-all__mobile-ad-cell .rcm-view-all__ad ins {
		max-width: 100% !important;
		max-height: 100% !important;
	}

	.rcm-view-all__pagination {
		margin-top: 28px;
		gap: 8px;
	}
}