.dms-archive {
		max-width: 1200px;
		margin: 0 auto;
		padding: 3rem 1rem;
	}

	.dms-archive__header {
		text-align: center;
		margin-bottom: 3rem;
	}

	.dms-archive__title {
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		color: var(--e-global-color-primary, #000000);
		font-size: 2.5rem;
		margin: 0;
		text-align: left;
	}

	.dms-archive__description,
	.dms-archive__text{
		font-family: "Nunito Sans", sans-serif;
		font-weight: 400;
		font-size: 1.25rem;
		color: var(--e-global-color-text, #434343);
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.dms-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 2rem;
	}

	.dms-card {
		display: flex;
		flex-direction: column;
		background-color: var(--e-global-color-901ed75, #FFFFFF);
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
		transition: transform 0.25s ease, box-shadow 0.25s ease;
	}

	.dms-card:hover {
		transform: translateY(-6px);
		box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
	}

	.dms-card__media {
		display: block;
		aspect-ratio: 16 / 10;
		overflow: hidden;
	}

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

	.dms-card__media--placeholder {
		background: linear-gradient(135deg, var(--e-global-color-secondary, #54595F), var(--e-global-color-primary, #000000));
	}

	.dms-card__body {
		display: flex;
		flex-direction: column;
		flex: 1;
		padding: 1.5rem;
	}

	.dms-card__badges {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		margin-bottom: 0.75rem;
	}

	.dms-card__badge {
		display: inline-block;
		background-color: var(--e-global-color-accent, #E32C2B);
		color: var(--e-global-color-901ed75, #FFFFFF);
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 0.75rem;
		line-height: 1;
		padding: 0.4rem 0.75rem;
		border-radius: 999px;
	}

	.dms-card__title {
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		font-size: 1.35rem;
		margin: 0 0 0.75rem;
		line-height: 1.3;
	}

	.dms-card__title a {
		color: var(--e-global-color-primary, #000000);
		text-decoration: none;
	}

	.dms-card__title a:hover {
		color: var(--e-global-color-accent, #E32C2B);
	}

	.dms-card__excerpt {
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		color: var(--e-global-color-text, #434343);
		font-size: 0.95rem;
		line-height: 1.6;
		margin: 0 0 1.25rem;
	}

	.dms-card__footer {
		margin-top: auto;
		padding-top: 1.25rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
	}

	.dms-card__author {
		display: flex;
		align-items: center;
		gap: 0.65rem;
		min-width: 0;
	}

	.dms-card__avatar {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		object-fit: cover;
		flex-shrink: 0;
	}

	.dms-card__author-info {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.dms-card__author-name {
		font-family: "Roboto", sans-serif;
		font-weight: 600;
		font-size: 0.9rem;
		color: var( --e-global-color-primary, #000000 );
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.dms-card__date {
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		font-size: 0.8rem;
		color: var( --e-global-color-text, #434343 );
		line-height: 1.3;
	}

	.dms-card__link {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-size: 0.9rem;
		color: var( --e-global-color-accent, #E32C2B );
		text-decoration: none;
		white-space: nowrap;
		display: inline-flex;
		align-items: center;
		gap: 0.4rem;
		flex-shrink: 0;
	}

	.dms-card__link:hover {
		gap: 0.7rem;
	}

	.dms-card__link:hover {
		gap: 0.7rem;
	}

	.dms-pagination {
		display: flex;
		justify-content: center;
		gap: 1.5rem;
		margin-top: 3rem;
	}

	.dms-pagination a {
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		color: var(--e-global-color-primary, #000000);
		text-decoration: none;
	}

	.dms-pagination a:hover {
		color: var(--e-global-color-accent, #E32C2B);
	}

	@media (max-width: 1024px) {
		.dms-grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 640px) {
		.dms-grid {
			grid-template-columns: 1fr;
		}

		.dms-archive__title {
			font-size: 2rem;
		}
	}