/* =========================================================
   部落格文章 — 白底、上框線；文章卡 grid（auto-fit ≥280px）
   依賴：kd-pages.css（__head、__head-link）
   ========================================================= */

.kd-pages-scope.kd-pages-scope.kd-pages-journal {
	padding: 72px 0;
	background: var(--kd-white);
	border-top: 1px solid var(--kd-line);
}

.kd-pages-scope.kd-pages-scope.kd-pages-journal .kd-pages__head {
	margin-bottom: 28px;
	gap: 24px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 22px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__post {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
	color: var(--kd-dark);
}

.kd-pages-scope.kd-pages-scope a.kd-pages-journal__post:hover {
	color: var(--kd-dark);
}

.kd-pages-scope.kd-pages-scope a.kd-pages-journal__post:hover .kd-pages-journal__title {
	color: var(--kd-pink);
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	border-radius: var(--kd-radius-card);
	overflow: hidden;
	background: var(--kd-bg-pink-2);
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__body {
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__tag {
	font-size: 11.5px;
	letter-spacing: .14em;
	color: var(--kd-pink);
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__title {
	font-family: var(--kd-font-serif);
	font-weight: 500;
	font-size: 18px;
	line-height: 1.6;
	transition: color .2s;
}

.kd-pages-scope.kd-pages-scope .kd-pages-journal__excerpt {
	font-size: 13.5px;
	line-height: 1.9;
	color: var(--kd-muted);
	text-wrap: pretty;
}