/**
 * Reader social-action bar (`PostActions`). The component is a `client:only` React
 * island mounted on the article page, so Astro's component-scoped styles never reach
 * its DOM — these rules must be global (imported from `[rkey].astro`).
 */
.post-actions {
	max-width: 40rem;
	margin: 2.5rem auto 0;
	padding: 1.5rem 1.5rem 0;
	border-top: 1px solid var(--line);
}
.post-actions--loading {
	color: var(--muted);
	font-size: 0.95rem;
}
.post-actions__bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.post-actions__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.5rem 0.85rem;
	border: 1px solid var(--line-strong, var(--line));
	border-radius: 999px;
	background: transparent;
	color: var(--ink);
	font: inherit;
	font-size: 0.95rem;
	cursor: pointer;
}
.post-actions__btn:hover {
	border-color: var(--sun);
}
.post-actions__btn:disabled {
	opacity: 0.55;
	cursor: default;
}
.post-actions__btn.is-active {
	border-color: var(--sun);
	color: var(--sun);
}
.post-actions__composer {
	margin-top: 1rem;
}
.post-actions__composer-label {
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 0.4rem;
}
.post-actions__textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 0.7rem 0.8rem;
	border: 1px solid var(--line-strong, var(--line));
	border-radius: 10px;
	font: inherit;
	resize: vertical;
}
.post-actions__composer-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0.6rem;
	gap: 0.75rem;
}
.post-actions__count {
	font-size: 0.85rem;
	color: var(--muted);
	font-variant-numeric: tabular-nums;
}
.post-actions__count.is-over {
	color: var(--ember, #c0392b);
	font-weight: 600;
}
.post-actions__composer-btns {
	display: flex;
	gap: 0.5rem;
}
.post-actions__submit {
	padding: 0.5rem 1rem;
	border: none;
	border-radius: 999px;
	background: var(--sun);
	color: var(--paper, #fff);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.post-actions__submit:disabled {
	opacity: 0.5;
	cursor: default;
}
.post-actions__signin {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.5rem 0;
}
.post-actions__signin-input {
	flex: 1 1 14rem;
	box-sizing: border-box;
	padding: 0.55rem 0.7rem;
	border: 1px solid var(--line-strong, var(--line));
	border-radius: 8px;
	font: inherit;
}
.post-actions__signin-btn {
	padding: 0.55rem 1.1rem;
	border: none;
	border-radius: 999px;
	background: var(--sun);
	color: var(--paper, #fff);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.post-actions__note {
	margin: 0.9rem 0 0;
	font-size: 0.82rem;
	color: var(--muted);
}
.post-actions__error,
.post-actions__flash--error {
	color: var(--ember, #c0392b);
	font-size: 0.9rem;
}
.post-actions__flash {
	margin: 0.9rem 0 0;
	font-size: 0.9rem;
}
.post-actions__flash--success {
	color: var(--ink-soft, var(--ink));
}
.post-actions__thread {
	display: inline-block;
	margin-top: 0.75rem;
	color: var(--sun);
	font-size: 0.9rem;
}
