/* Bosla feature chunk: read-later — conditional bundle (audit P1-A). */

.bosla-bookmark {
	position: absolute;
	inset-block-start: 0.6rem;
	inset-inline-end: 0.6rem;
	z-index: 2;
	inline-size: 2rem;
	block-size: 2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--bosla-color-border, #e2e5e9);
	background: var(--bosla-color-surface, #fff);
	color: var(--bosla-color-muted, #646970);
	cursor: pointer;
}

article.bosla-card, article.bosla-post {
	position: relative;
}

.bosla-bookmark.is-saved {
	color: #fff;
	background: var(--bosla-color-accent, #3858e9);
	border-color: var(--bosla-color-accent, #3858e9);
}

.bosla-saved-chip {
	position: fixed;
	inset-block-end: 1rem;
	inset-inline-start: 1rem;
	z-index: 9998;
	padding: 0.45rem 0.9rem;
	border-radius: 999px;
	background: var(--bosla-color-accent, #3858e9);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 4px 16px rgb(0 0 0 / 0.18);
}

.bosla-saved-list {
	list-style: none;
	margin: 1rem 0;
	padding: 0;
}

.bosla-saved-item {
	padding-block: 0.7rem;
	border-block-end: 1px solid var(--bosla-color-border, #e2e5e9);
}

.bosla-saved-item a {
	font-weight: 600;
	text-decoration: none;
	color: inherit;
}

.bosla-saved-item a:hover {
	color: var(--bosla-color-accent, #3858e9);
}

.bosla-saved-clear {
	border: 1px solid var(--bosla-color-border, #e2e5e9);
	background: var(--bosla-color-surface, #fff);
	border-radius: 999px;
	padding: 0.4rem 1rem;
	cursor: pointer;
	font-size: 0.85rem;
}