/* Activity. Split from files.css so each sheet has one job. Tokens only. */
/* Activity (website2 issue 72): the Issues frame, an unread line, a note that opens. */
.ab-act-count {
	margin: 0;
	color: var(--muted);
	font-size: 13px;
}
.ab-act-count a {
	color: var(--ink);
	font-weight: 650;
	text-decoration: none;
}
.ab-issues-head form {
	margin-left: auto;
}
.ab-issues-head .twin-btn {
	margin-left: auto;
}
.ab-issues-head form + .twin-btn {
	margin-left: 8px;
}
.ab-act-unread {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 4px 0;
	color: var(--muted);
	font-size: 12px;
}
.ab-act-unread::before,
.ab-act-unread::after {
	content: "";
	flex: 1;
	border-top: 1px solid var(--rule-strong);
}
.ab-act-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 4px 12px;
	padding: 14px 4px;
	border-bottom: 1px solid var(--rule);
}
.ab-act-row .mark {
	margin-right: 8px;
}
.ab-act-row h2 {
	margin: 0;
	font: 650 15px / 22px var(--font-sans);
}
.ab-act-row h2 a {
	text-decoration: none;
}
.ab-act-row h2 a:hover {
	text-decoration: underline;
}
.ab-act-row h2 .badge {
	margin-left: 8px;
}
.ab-act-row time,
.ab-act-row .ab-ago {
	color: var(--muted);
	font-size: 13px;
	white-space: nowrap;
}
.ab-act-meta {
	grid-column: 1;
	margin: 0;
	color: var(--muted);
	font-size: 13px;
}
.ab-act-meta a {
	color: inherit;
}
.ab-act-body {
	grid-column: 1 / -1;
}
.ab-act-body summary {
	color: var(--muted);
	font-size: 13px;
	cursor: pointer;
}