/* Yet Another Blogroll – front-end styles (intentionally lightweight) */

.yab-blogroll { margin: 1em 0; }

.yab-blogroll .yab-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.yab-blogroll .yab-item {
	margin: 0 0 .75em;
	padding: 0;
}

.yab-blogroll .yab-site {
	font-weight: 600;
	display: block;
}

.yab-blogroll .yab-post {
	display: block;
	font-size: .95em;
}

.yab-blogroll .yab-date {
	display: block;
	font-size: .8em;
	opacity: .7;
}

/* Picture layout */
.yab-layout-picture .yab-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 1em;
}

.yab-layout-picture .yab-item {
	display: flex;
	flex-direction: column;
}

.yab-layout-picture .yab-thumb img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 6px;
	display: block;
}

.yab-blogroll .yab-ad {
	margin: 1em 0;
}

.yab-blogroll .yab-empty {
	opacity: .7;
	font-style: italic;
}

/* Pagination */
.yab-pagination {
	margin-top: 1em;
	display: flex;
	flex-wrap: wrap;
	gap: .25em;
}

.yab-pagination .page-numbers {
	display: inline-block;
	padding: .25em .6em;
	border: 1px solid currentColor;
	border-radius: 4px;
	text-decoration: none;
	line-height: 1.4;
	opacity: .85;
}

.yab-pagination .page-numbers.current {
	font-weight: 700;
	opacity: 1;
}

.yab-pagination .page-numbers.dots {
	border-color: transparent;
}