/* 홈 매거진 띠 - 기존 .ddtc-home__card 바탕/테두리/모서리 재사용, 그림자 없음 */
.ddtc-home__magazine {
	display: grid;
	grid-template-columns: minmax(0, 100%);
	gap: var(--home-gap-card);
	margin-top: var(--home-gap-card);
}

.ddtc-home__magazine-head,
.ddtc-home__magazine-side {
	min-height: 180px;
	box-sizing: border-box;
}

.ddtc-home__magazine-head {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ddtc-home__magazine-label {
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--text-secondary, #b5bac1);
}

.ddtc-home__magazine-title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--text-primary, #f2f3f5);
	word-break: keep-all;
}

.ddtc-home__magazine-sum {
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--text-secondary, #b5bac1);
	word-break: keep-all;
}

.ddtc-home__magazine-date {
	font-size: 0.8125rem;
	color: var(--text-secondary, #b5bac1);
	white-space: nowrap;
	flex-shrink: 0;
}

.ddtc-home__magazine-head .ddtc-home__magazine-date {
	margin-top: auto;
}

.ddtc-home__magazine-side {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
}

.ddtc-home__magazine-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ddtc-home__magazine-list li + li {
	margin-top: 10px;
}

.ddtc-home__magazine-list a {
	display: flex;
	flex-direction: column;
	gap: 2px;
	color: var(--text-primary, #f2f3f5);
	text-decoration: none;
}

.ddtc-home__magazine-item-title {
	min-width: 0;
	font-size: 0.9375rem;
	line-height: 1.4;
	word-break: keep-all;
}

.ddtc-home__magazine-list a:hover .ddtc-home__magazine-item-title,
.ddtc-home__magazine-more:hover {
	text-decoration: underline;
}

.ddtc-home__magazine-more {
	align-self: flex-end;
	font-size: 0.8125rem;
	color: var(--text-secondary, #b5bac1);
	text-decoration: none;
}

.ddtc-home__magazine a:focus-visible {
	outline: 2px solid var(--text-secondary, #b5bac1);
	outline-offset: 2px;
}

/* 아래 인기글|최신글 줄(.ddtc-home__posts-grid)과 같은 분할·간격 */
@media (min-width: 1200px) {
	.ddtc-home__magazine {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 767px) {
	.ddtc-home__magazine-side {
		display: none;
	}
	.ddtc-home__magazine-head {
		min-height: 0;
	}
	.ddtc-home__magazine-title {
		font-size: 1.0625rem;
	}
}