.depan-ikm-publication {
	margin: 24px 0;
	padding: 18px;
	background: #fff;
	border: 1px solid #d9e6ef;
	border-radius: 18px;
	box-shadow: 0 14px 34px rgba(7, 55, 96, .10);
}

.depan-ikm-publication-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
}

.depan-ikm-publication-head h3 {
	margin: 2px 0 0;
	color: #073760;
	font-size: clamp(1.25rem, 2.5vw, 1.85rem);
}

.depan-ikm-publication-score {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: #0b4f8a;
	color: #fff;
	border-radius: 13px;
	white-space: nowrap;
}

.depan-ikm-publication-score strong {
	font-size: 1.45rem;
	color: #ffd43b;
}

.depan-ikm-publication-score span {
	font-weight: 700;
}

.depan-ikm-publication-image {
	display: block;
	overflow: hidden;
	border-radius: 13px;
	background: #eef6fb;
}

.depan-ikm-publication-image img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform .2s ease;
}

.depan-ikm-publication-image:focus-visible {
	outline: 3px solid #f7c948;
	outline-offset: 4px;
}

.depan-ikm-publication-image:hover img {
	transform: scale(1.006);
}

.depan-ikm-publication-note {
	margin: 12px 2px 0;
	color: #4b6170;
	font-size: .92rem;
}

@media (max-width: 680px) {
	.depan-ikm-publication {
		margin: 18px 0;
		padding: 12px;
		border-radius: 14px;
	}

	.depan-ikm-publication-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.depan-ikm-publication-score {
		width: 100%;
		justify-content: center;
	}

	.depan-ikm-publication-image {
		border-radius: 10px;
	}
}