@layer components {

	.rlc-posts {
		display: grid;
		gap: var(--space-sm);
		padding: var(--space-sm);
	}

	.rlc-posts.columns-1 {
		grid-template-columns: 1fr;
	}

	.rlc-posts.columns-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.rlc-posts.columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.rlc-posts h1,
	.rlc-posts h2,
	.rlc-posts h3,
	.rlc-posts h4,
	.rlc-posts h5,
	.rlc-posts h6,
	.rlc-posts .meta-post {
		margin: var(--space-xxs) 0;
	}

	.standard {
		display: block;
		width: 100%;
	}

	.standard .thumb {
		float: left;
		width: 30%;
		margin-right: var(--space-sm);
		margin-bottom: var(--space-xxs);
		overflow: hidden;
	}

	.thumb {
		margin-bottom: var(--space-sm);
	}

	.standard .thumb img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.standard .content {
		display: block;
		width: 100%;
	}

	.rlc-featured-layout .featured-top {
		display: grid;
		grid-template-columns: 1.2fr 1fr;
		gap: var(--space-lg);
		align-items: stretch;
	}

	.rlc-featured-layout .featured-main {
		order: 1;
	}

	.rlc-featured-layout .featured-list {
		order: 2;
	}

	.rlc-featured-layout .featured-main h2,
	.rlc-featured-layout .featured-main h3,
	.rlc-featured-layout .featured-main h4 {
		font-size: var(--text-lead-size);
		line-height: var(--text-heading-lh);
		font-weight: var(--text-heading-weight);
	}

	.rlc-featured-layout .featured-bottom.columns-2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-lg);
	}

	.featured-list {
		display: flex;
		flex-direction: column;
		gap: var(--space-sm);
	}

	.featured-item-line {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		transition: background 0.25s ease;
	}

	.featured-item-line .thumb {
		flex: 0 0 30%;
		width: 30%;
		overflow: hidden;
	}

	.featured-item-line .thumb img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.featured-item-line .content {
		flex: 1;
	}

	.slider {
		position: relative;
		overflow: hidden;
	}

	.slider .slides {
		position: relative;
		width: 100%;
	}

	.slider .slide {
		display: none;
		width: 100%;
	}

	.slider .slide.active {
		display: block;
	}

	.slider .slide-nav {
		position: absolute;
		top: var(--space-md);
		right: var(--space-md);
		display: flex;
		gap: var(--space-xs);
		z-index: var(--z-controls);
	}

	.slider .slide-nav .dot {
		width: var(--space-md);
		height: var(--space-md);
		padding: 0;
		border: 0;
		border-radius: var(--radius-pill);
		cursor: pointer;
		transition: transform 0.25s ease, opacity 0.25s ease;
	}

	.slider .slide-nav .dot.active {
		transform: scale(1.2);
	}

	.rlc-post-item.is-overlay {
		position: relative;
		overflow: hidden;
	}

	.rlc-post-item.is-overlay .thumb {
		aspect-ratio: 4 / 3;
	}

	.rlc-post-item.is-overlay .thumb img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.rlc-post-item.is-overlay .content {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;
		max-height: 40%;
		transition: max-height 0.35s ease;
	}

	.rlc-post-item.is-overlay:hover .content {
		max-height: 75%;
	}

	.rlc-post-item.is-overlay.block-card {
		background: transparent;
	}

	.rlc-timeline {
		position: relative;
		display: grid;
		gap: var(--space-md);
		padding-left: var(--space-2xl);
	}

	.rlc-timeline::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: var(--space-md);
		width: var(--space-xxs);
	}

	.rlc-timeline-date {
		position: relative;
		margin-left: calc(var(--space-2xl) * -1);
		padding-left: var(--space-2xl);
	}

	.rlc-timeline-date::before {
		content: "";
		position: absolute;
		left: calc(var(--space-md) - 0.25rem);
		top: 50%;
		transform: translateY(-50%);
		width: var(--space-md);
		height: var(--space-md);
		border-radius: 50%;
	}

	.rlc-timeline-date span {
		display: inline-block;
		padding: var(--space-xxs) var(--space-md);
		border-width: 1px;
		border-style: solid;
		border-radius: 999px;
	}

	.rlc-post-item.is-timeline {
		position: relative;
		margin-bottom: var(--space-sm);
		margin-left: var(--space-xl);
		clear: both;
	}

	.rlc-post-item.is-timeline .thumb {
		float: left;
		width: 30%;
		margin-right: var(--space-sm);
		margin-bottom: var(--space-xxs);
		overflow: hidden;
	}

	.rlc-post-item.is-timeline .thumb img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.rlc-post-item.is-timeline .content {
		display: block;
		width: 100%;
	}

	.rlc-posts.layout-masonry {
		display: block;
		column-gap: var(--space-sm);
	}

	.rlc-posts.layout-masonry.columns-1 {
		column-count: 1;
	}

	.rlc-posts.layout-masonry.columns-2 {
		column-count: 2;
	}

	.rlc-posts.layout-masonry.columns-3 {
		column-count: 3;
	}

	.rlc-posts.layout-masonry.columns-4 {
		column-count: 4;
	}

	.rlc-post-item.masonry {
		display: inline-block;
		width: 100%;
		margin-bottom: var(--space-sm);
		break-inside: avoid;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		height: auto;
		min-height: 0;
	}

	.rlc-post-item.masonry .thumb {
		aspect-ratio: auto;
		height: auto;
	}

	.rlc-post-item.masonry .thumb img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.rlc-post-item.masonry .content {
		display: block;
		height: auto;
		min-height: 0;
	}

	@media (max-width: 768px) {
		.rlc-posts.columns-1,
		.rlc-posts.columns-2,
		.rlc-posts.columns-3 {
			grid-template-columns: 1fr;
		}
		.slider .slide article {
			grid-template-columns: 1fr;
		}
	}
}