/* Blog lists (category / tag / archive / blog hub): compact list rows instead of full posts. */
.astro-post-grid {
	display: block;
	margin: 10px 0 20px;
	direction: rtl;
	border-top: 1px solid #e6e6ef;
}
.astro-post-grid > article.astro-post-card.post,
.astro-post-card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 18px;
	margin: 0 !important;
	padding: 18px 0 !important;
	background: none;
	border: 0;
	border-bottom: 1px solid #e6e6ef;
	border-radius: 0;
	box-shadow: none;
}
.astro-post-card__media {
	flex: 0 0 168px;
	width: 168px;
	aspect-ratio: 16 / 10;
	border-radius: 10px;
	overflow: hidden;
	display: block;
	background: #eef0f6;
}
.astro-post-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.astro-post-card__body {
	flex: 1;
	min-width: 0;
	text-align: right;
}
.astro-post-card__meta {
	margin: 0 0 4px !important;
	font-size: 13px;
	color: #888;
}
.astro-post-card__meta a { color: #b4437b; text-decoration: none; font-weight: 600; }
h2.astro-post-card__title {
	font-size: 1.2rem !important;
	line-height: 1.35 !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	border: 0 !important;
}
.astro-post-card__title a { color: #393857; text-decoration: none; }
.astro-post-card__title a:hover { color: #217eba; text-decoration: underline; }
.astro-post-card__excerpt {
	margin: 0 !important;
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.astro-post-card__more { display: none; }

@media (max-width: 600px) {
	.astro-post-grid > article.astro-post-card.post,
	.astro-post-card { gap: 12px; padding: 14px 0 !important; }
	.astro-post-card__media { flex-basis: 96px; width: 96px; aspect-ratio: 1 / 1; border-radius: 8px; }
	h2.astro-post-card__title { font-size: 1.05rem !important; }
	.astro-post-card__excerpt { font-size: 14px; -webkit-line-clamp: 3; }
}

/* Archive header + pagination */
.astro-post-list-head .page-title { margin-bottom: 4px; }
.astro-post-list-head .category-archive-meta { color: #555; font-size: 15px; line-height: 1.6; }
.astro-post-list-nav {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin: 8px 0 16px;
	direction: rtl;
}
.astro-post-list-nav a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid #359bdc;
	border-radius: 999px;
	color: #217eba;
	text-decoration: none;
	font-size: 14px;
}
.astro-post-list-nav a:hover { background: #359bdc; color: #fff; }

/* Override global p / h2 spacing from style.css */
.astro-post-grid .astro-post-card p.astro-post-card__meta { padding: 0 !important; line-height: 1.4 !important; }
.astro-post-grid .astro-post-card p.astro-post-card__excerpt {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	padding: 0 !important;
}
@media (max-width: 600px) {
	.astro-post-grid .astro-post-card p.astro-post-card__excerpt { -webkit-line-clamp: 3; }
}

/* Single post: featured image under H1 */
.astro-blog-single__hero {
	margin: 4px 0 22px;
	padding: 0;
	text-align: center;
}
.astro-blog-single__hero img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 14px;
}
.astro-blog-single__hero img[width="400"] { width: auto; }

/* Single post: legacy list classes (.list1–.list9 from 2013 content) — no star image / float on top of normal bullets */
.astro-blog-post-content ul[class^="list"] li,
.astro-blog-post-content ul[class*=" list"] li {
	background: none !important;
	float: none !important;
	padding: 0 0 0 0 !important;
	font-size: inherit !important;
}

/* Single post: wide tables scroll inside the post on phones instead of breaking the layout */
@media (max-width: 760px) {
	.astro-blog-post-content table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		font-size: 14px;
	}
	.astro-blog-post-content table th,
	.astro-blog-post-content table td {
		padding: 6px 8px;
		white-space: normal;
		min-width: 64px;
	}
}

/* Blog topic chips (lists + bottom of single posts) */
.astro-blog-topics {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 6px 0 18px;
	direction: rtl;
}
.astro-blog-topics__label { font-size: 14px; font-weight: 600; color: #393857; margin-left: 4px; }
.astro-blog-topics__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border: 1px solid #dcdce8;
	border-radius: 999px;
	background: #fff;
	color: #393857 !important;
	font-size: 14px;
	line-height: 1.3;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background .15s, border-color .15s;
}
.astro-blog-topics__chip:hover { border-color: #359bdc; background: #f0f7ff; }
.astro-blog-topics__chip.is-active { background: #b4437b; border-color: #b4437b; color: #fff !important; }
.astro-blog-topics__n { font-size: 12px; color: #8a8aa0; }
.astro-blog-topics__chip.is-active .astro-blog-topics__n { color: rgba(255,255,255,.8); }
.astro-blog-single .astro-blog-topics { margin-top: 14px; }
@media (max-width: 600px) {
	/* one scrollable row on phones */
	.astro-blog-topics { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: none; }
	.astro-blog-topics::-webkit-scrollbar { display: none; }
	.astro-blog-single .astro-blog-topics { flex-wrap: wrap; overflow: visible; }
}