/* MorphSwift - 布局样式 */
.ms-grid {
	display: grid;
	gap: 30px;
}

.ms-grid--1 { grid-template-columns: 1fr; }
.ms-grid--2 { grid-template-columns: repeat(2, 1fr); }
.ms-grid--3 { grid-template-columns: repeat(3, 1fr); }
.ms-grid--4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 991px) {
	.ms-grid--3, .ms-grid--4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.ms-grid--2, .ms-grid--3, .ms-grid--4 {
		grid-template-columns: 1fr;
	}
}

.ms-content {
	max-width: 800px;
	margin: 0 auto;
}

.ms-post {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--ms-border, #e2e8f0);
}

.ms-post__title {
	font-size: 1.5rem;
	margin-bottom: 10px;
}

.ms-post__meta {
	font-size: 14px;
	color: var(--ms-text-muted, #64748b);
	margin-bottom: 12px;
	display: flex;
	gap: 16px;
}

.ms-post__excerpt { color: var(--ms-text-muted, #475569); }