/* Keep the existing sidebar card design; only its horizontal track is new. */
.yomo-inner .yi-sidebar-works-slider { min-width: 0; }
.yomo-inner .yi-sidebar-works-viewport { width: 100%; min-width: 0; margin: 0; }
.yomo-inner .yi-sidebar-works-track {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	min-width: 0;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
}
.yomo-inner .yi-sidebar-works-track > .yi-sidebar-work {
	flex: 0 0 100%;
	min-width: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
.yomo-inner .yi-sidebar-works-track > .yi-sidebar-work:focus-visible { outline-offset: -3px; }
.yomo-inner .yi-sidebar-works-track:focus-visible { outline: 2px solid #715b3c; outline-offset: 3px; }
.yomo-inner .yi-sidebar-works-slider--enhanced .yi-sidebar-works-viewport { overflow: hidden; }
.yomo-inner .yi-sidebar-works-slider--enhanced .yi-sidebar-works-track {
	gap: 0;
	overflow: visible;
	scroll-snap-type: none;
}
.yomo-inner .yi-sidebar-works-slider--enhanced .yi-sidebar-works-track > .yi-sidebar-work { flex: 0 0 auto; scroll-snap-align: none; }
.yomo-inner .yi-sidebar-works-controls {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin-top: 14px;
}
.yomo-inner .yi-sidebar-works-controls[hidden] { display: none; }
.yomo-inner .yi-sidebar-works-controls button {
	display: grid;
	width: 44px;
	height: 44px;
	padding: 0;
	place-items: center;
	border: 1px solid var(--e-line);
	border-radius: 50%;
	background: transparent;
	color: var(--e-ink);
	font: 22px/1 var(--e-sans);
	cursor: pointer;
}
.yomo-inner .yi-sidebar-works-controls button:hover:not(:disabled) { border-color: #715b3c; }
.yomo-inner .yi-sidebar-works-controls button:disabled { opacity: .35; cursor: default; }
.yomo-inner .yi-sidebar-works-count { min-width: 36px; color: var(--e-muted); font: 11px/1.8 var(--e-sans); text-align: center; }