/* Shared Home/Agenda list and visual primitives for parent-event cards. */
.afa-home .afa-home__activities,
.afa-events .afa-events__task-event-card {
	border: 1px solid var(--afa-color-border);
	border-radius: 20px;
	background: var(--afa-color-surface);
}
:is(.afa-home, .afa-events--agenda, .afa-events__event-detail) .afa-home__activities {
	--afa-activity-focus-offset: -3px;
	--afa-activity-focus-radius: 0px;
	overflow: hidden;
}
.afa-home .afa-home__activity + .afa-home__activity,
.afa-events--agenda .afa-home__activity + .afa-home__activity,
.afa-events__event-detail .afa-events__summary-item + .afa-events__summary-item,
.afa-events__event-detail .afa-events__participation-group-heading + .afa-events__summary-item { border-top: 1px solid var(--afa-color-border); }
.afa-home .afa-home__activity,
.afa-events .afa-events__task-event-card .afa-home__activity {
	padding: var(--afa-home-activity-padding, 12px 16px);
	display: flex;
	gap: var(--afa-activity-gap, 12px);
	align-items: center;
	color: var(--afa-home-green, var(--afa-color-primary));
	background: var(--afa-color-surface);
	text-decoration: none;
}
.afa-events .afa-events__task-event-card:not(.afa-home__activities) > .afa-home__activity { border-radius: inherit; }
.afa-home .afa-home__activity > div,
.afa-events .afa-events__task-event-card .afa-home__activity > div { min-width: 0; display: grid; gap: 4px; }
.afa-home .afa-home__activity > .afa-home__activity-body,
.afa-events .afa-events__task-event-card .afa-home__activity > .afa-home__activity-body { flex: 1; gap: var(--afa-home-activity-text-gap, 4px); overflow-wrap: anywhere; }
.afa-home .afa-home__activity-body h4,
.afa-events .afa-events__task-event-card .afa-home__activity-body h4 { margin: 0; font-size: 1.02rem; line-height: var(--afa-home-activity-line-height, 1.4); }
.afa-home .afa-home__activity-body p,
.afa-events .afa-events__task-event-card .afa-home__activity-body p { margin: 0; font-size: .82rem; line-height: var(--afa-home-activity-line-height, inherit); }
.afa-home .afa-home__activity-start,
.afa-events .afa-events__task-event-card .afa-home__activity-start { display: var(--afa-home-activity-show-start, none); }
.afa-home .afa-home__activity-range,
.afa-events .afa-events__task-event-card .afa-home__activity-range { display: var(--afa-home-activity-show-range, inline); }
.afa-home .afa-home__activity:focus-visible,
.afa-events .afa-events__task-event-card .afa-home__activity:focus-visible { outline: 3px solid var(--afa-color-accent); outline-offset: var(--afa-activity-focus-offset, 4px); border-radius: var(--afa-activity-focus-radius, 6px); background: color-mix(in srgb, var(--afa-color-muted) 6%, var(--afa-color-surface)); }
.afa-home .afa-home__activity-placeholder,
.afa-events .afa-events__task-event-card .afa-home__activity-placeholder {
	display: grid;
	place-items: center;
	flex: 0 0 var(--afa-home-activity-thumbnail, 64px);
	width: var(--afa-home-activity-thumbnail, 64px);
	height: var(--afa-home-activity-thumbnail, 64px);
	border-radius: 12px;
	background: color-mix(in srgb, var(--afa-home-green, var(--afa-color-primary)) 13%, var(--afa-color-surface));
	color: var(--afa-home-green, var(--afa-color-primary));
}
.afa-home .afa-home__activity-placeholder svg,
.afa-events .afa-events__task-event-card .afa-home__activity-placeholder svg { display: block; width: 30px; height: 30px; stroke: currentColor; }
.afa-home .afa-home__date,
.afa-events .afa-events__task-event-card .afa-home__date {
	display: var(--afa-home-activity-show-day, grid);
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	place-content: center;
	justify-items: center;
	border-radius: 12px;
	background: color-mix(in srgb, var(--afa-home-green, var(--afa-color-primary)) 13%, var(--afa-color-surface));
	color: var(--afa-home-green, var(--afa-color-primary));
	font-weight: 400;
}
.afa-home .afa-home__date strong,
.afa-events .afa-events__task-event-card .afa-home__date strong {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
}
.afa-home .afa-home__date span,
.afa-events .afa-events__task-event-card .afa-home__date span {
	font-size: .75rem;
	text-transform: uppercase;
}
.afa-home .afa-home__arrow,
.afa-events .afa-events__task-event-card .afa-home__arrow {
	display: grid;
	place-items: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	margin-left: auto;
	border-radius: 50%;
	background: var(--afa-home-soft, color-mix(in srgb, var(--afa-color-primary) 8%, var(--afa-color-surface)));
	color: var(--afa-home-green, var(--afa-color-primary));
	font-size: 20px;
	line-height: 1;
}
.afa-home .afa-home__activity > .afa-cover,
.afa-events .afa-events__task-event-card .afa-home__activity > .afa-cover {
	width: var(--afa-home-activity-thumbnail, 64px);
	height: var(--afa-home-activity-thumbnail, 64px);
	min-width: var(--afa-home-activity-thumbnail, 64px);
	aspect-ratio: 1;
	flex: 0 0 var(--afa-home-activity-thumbnail, 64px);
	border-radius: 12px;
	overflow: hidden;
}
.afa-home .afa-home__activity:hover .afa-home__arrow,
.afa-events .afa-events__task-event-card .afa-home__activity:hover .afa-home__arrow {
	background: color-mix(in srgb, var(--afa-home-green, var(--afa-color-primary)) 16%, var(--afa-color-surface));
}
.afa-home .afa-home__activity > .afa-cover img,
.afa-events .afa-events__task-event-card .afa-home__activity > .afa-cover img { width: 100%; height: 100%; object-fit: cover; }
@media (hover: hover) {
	.afa-home .afa-home__activity:hover,
	.afa-events .afa-events__task-event-card .afa-home__activity:hover { background: color-mix(in srgb, var(--afa-color-muted) 6%, var(--afa-color-surface)); }
}