.remote-feed-display {
	max-width: 100%;
}

.remote-feed-display__description,
.remote-feed-display__item-description {
	overflow-wrap: anywhere;
}

.remote-feed-display__items {
	display: grid;
	gap: calc(var(--base, 8px) * 6);
	margin-top: calc(var(--base, 8px) * 4);
}

.remote-feed-display__week {
	display: grid;
	gap: calc(var(--base, 8px) * 3);
}

.remote-feed-display__week-title {
	margin: 0;
	padding: calc(var(--base, 8px) * 1.5) calc(var(--base, 8px) * 2);
	border-radius: var(--radius-lg, calc(var(--base, 8px) / 2));
	background-color: var(--color-lighter, #e5e5e5);
	color: var(--color-black, #000);
	font-size: 1.25rem;
	font-weight: var(--font-weight-bold, 700);
	line-height: 1.25;
}

.remote-feed-display__week-items {
	display: grid;
	gap: calc(var(--base, 8px) * 2);
}

.remote-feed-display__item {
	display: grid;
	gap: var(--base, 8px);
	min-width: 0;
	padding: calc(var(--base, 8px) * 2);
	border-radius: var(--radius-lg, calc(var(--base, 8px) / 2));
	background-color: var(--color-background-card, #f6f4ec);
}

.remote-feed-display__item-title {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--base, 8px) * 0.75);
	color: var(--color-black, #000);
	font-family: var(--font-family-heading, var(--font-family-base, sans-serif));
	font-size: 1rem;
	font-weight: var(--font-weight-bold, 700);
	line-height: 1.25;
}

.remote-feed-display__item-title-date {
	font-weight: var(--font-weight-base, 400);
}

.remote-feed-display__item-description {
	width: 100%;
}

.remote-feed-display__item-title,
.remote-feed-display__item-date,
.remote-feed-display__item-description > :first-child {
	margin-top: 0;
}

.remote-feed-display__item-description > :last-child {
	margin-bottom: 0;
}

.remote-feed-display__fallback {
	font-size: 0.9em;
}

@media print {
	body:has(.remote-feed-display) #sidebar-related-content-area {
		display: none !important;
	}

	.remote-feed-display__items,
	.remote-feed-display__week,
	.remote-feed-display__week-items {
		display: block;
	}

	.remote-feed-display__items {
		margin-top: calc(var(--base, 8px) * 3);
	}

	.remote-feed-display__week + .remote-feed-display__week {
		break-before: page;
		page-break-before: always;
	}

	.remote-feed-display__week-title {
		margin-bottom: calc(var(--base, 8px) * 1.5);
		padding: var(--base, 8px) calc(var(--base, 8px) * 1.5);
		border: 1px solid #b8b8b8;
		background: transparent;
	}

	.remote-feed-display__item {
		break-inside: avoid;
		page-break-inside: avoid;
		margin-bottom: var(--base, 8px);
		padding: var(--base, 8px) calc(var(--base, 8px) * 1.5);
		border: 1px solid #d8d3c6;
		background: transparent;
	}

	.remote-feed-display__item:last-child {
		margin-bottom: 0;
	}
}
