.custom-scrollbar {
		overflow-y: scroll !important;
	}

	.custom-scrollbar::-webkit-scrollbar {
		width: 2px;
	}

	.custom-scrollbar::-webkit-scrollbar-thumb {
		background-color: var(--foreground);
	}

	.custom-scrollbar::-webkit-scrollbar-thumb:hover {
		opacity: 1;
	}

	.custom-scrollbar-x {
		overflow-x: scroll !important;
	}

	.custom-scrollbar-x::-webkit-scrollbar {
		height: 2px;
	}

	.custom-scrollbar-x::-webkit-scrollbar-thumb {
		background-color: var(--foreground);
	}

	.custom-scrollbar-x::-webkit-scrollbar-thumb:hover {
		opacity: 1;
	}

	/* Horizontal scroll sections below lg breakpoint */
	.chronicle-layout.svelte-1b084uq ::-webkit-scrollbar {
		width: 2px;
		height: 2px;
	}

	.chronicle-layout.svelte-1b084uq ::-webkit-scrollbar-thumb {
		background-color: var(--foreground);
	}

	/* Mobile: flex column layout, lg+: grid */
	.chronicle-grid.svelte-1b084uq {
		display: flex;
		flex-direction: column;
	}

	@media (min-width: 1024px) {
		.chronicle-grid.svelte-1b084uq {
			display: grid;
			grid-template-rows: 100%;
		}
	}

	/* Mobile scroll container - consolidated flex/scroll behavior */
	.mobile-snap-container {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		scroll-padding-inline: var(--lens-grid-margin);
		padding-bottom: 1rem;
	}

	@media (min-width: 1024px) {
		.mobile-snap-container {
			scroll-padding-inline: 0;
		}
	}