.om-blog-controls {
	max-width: 1120px;
	margin: 0 auto 28px;
	padding: 18px 20px;
	border: 1px solid #d7e5e0;
	border-radius: 18px;
	background: rgba(255,255,255,.76);
}
.om-blog-topics { align-items: center; }
.om-blog-topic {
	display: inline-flex;
	align-items: center;
	min-height: 0;
	padding: 9px 13px;
	border: 0;
	border-radius: 0;
	background: #dcebe7;
	color: #286a68;
	font: 12px Arial, sans-serif;
	line-height: normal;
	text-decoration: none;
	transition: background-color .18s ease, color .18s ease;
}
.om-blog-topic:hover, .om-blog-topic.is-active { background: #147e7d; color: #fff; }
.om-blog-topic:focus-visible, .om-blog-year-form :focus-visible, .om-blog-loadmore:focus-visible { outline: 3px solid rgba(22,124,120,.35); outline-offset: 2px; }
.om-blog-year-form { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 16px; color: #607775; font-size: 14px; }
.om-blog-year-form select, .om-blog-year-form button {
	min-height: 40px;
	padding: 8px 13px;
	border: 1px solid #d6e5df;
	border-radius: 10px;
	background: #fff;
	color: #29494b;
	font: inherit;
}
.om-blog-year-form button { cursor: pointer; }
.om-blog-results { min-height: 10px; }
.om-blog-empty { max-width: 1120px; margin: 24px auto; padding: 24px; border: 1px dashed #cbded7; border-radius: 16px; color: #607775; text-align: center; }
.om-blog-loadmore-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; min-height: 52px; margin: 24px auto 0; }
.om-blog-loadmore {
	min-height: 46px;
	padding: 10px 24px;
	border: 1px solid #167c78;
	border-radius: 999px;
	background: #167c78;
	color: #fff;
	font: inherit;
	font-size: 15px;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.om-blog-loadmore:hover { border-color: #106d69; background: #106d69; }
.om-blog-loadmore:disabled { opacity: .65; cursor: wait; }
.om-blog-status { min-height: 1.4em; color: #607775; font-size: 13px; }
@media (max-width: 700px) {
	.om-blog-controls { margin: 0 auto 20px; padding: 14px; border-radius: 15px; }
	.om-blog-topics { flex-wrap: nowrap; overflow-x: auto; margin: 0; padding: 0 0 12px; scrollbar-width: thin; }
	.om-blog-topic { flex: none; white-space: nowrap; font-size: 11px; }
	.om-blog-year-form { justify-content: flex-start; flex-wrap: wrap; margin-top: 8px; }
	.om-blog-year-form select { flex: 1 1 auto; }
	.om-blog-year-form button { flex: 0 0 auto; }
}
@media (prefers-reduced-motion: reduce) { .om-blog-topic, .om-blog-loadmore { transition: none; } }