.manual-carousel-section {
  margin-top: clamp(1.35rem, 3vw, 2.4rem);
  margin-bottom: clamp(1.35rem, 3vw, 2.4rem);
  overflow: hidden;
}
.manual-carousel-section .section-head { margin-bottom: .8rem; }
.manual-carousel-section .manual-subtitle { color: var(--text-muted, rgba(255,255,255,.70)); max-width: 820px; line-height: 1.5; margin: .35rem 0 0; }
.manual-carousel-rail {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: .85rem 0 1.15rem;
  mask-image: linear-gradient(90deg, transparent 0, black 4%, black 96%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, black 4%, black 96%, transparent 100%);
}
.manual-carousel-track { display: flex; align-items: stretch; gap: 1rem; width: max-content; animation: manualCarouselScroll var(--manual-duration, 160s) linear infinite; }
.manual-carousel-rail:hover .manual-carousel-track { animation-play-state: paused; }
.manual-card {
  flex: 0 0 178px;
  width: 178px;
  min-height: 338px;
  border-radius: 20px;
  padding: 10px;
  color: var(--text, var(--text-primary, inherit));
  background: linear-gradient(145deg, color-mix(in srgb, var(--card-bg, var(--surface, #161b24)) 92%, transparent), color-mix(in srgb, var(--surface-2, var(--glass-bg, #222936)) 76%, transparent));
  border: 1px solid color-mix(in srgb, var(--border-color, rgba(255,255,255,.16)) 80%, transparent);
  box-shadow: var(--shadow-md, 0 16px 44px rgba(0,0,0,.18));
  backdrop-filter: blur(14px) saturate(1.08);
}
.manual-card-media { height: 238px; border-radius: 15px; background: color-mix(in srgb, var(--surface-2, #222936) 90%, transparent) center/cover no-repeat; border: 1px solid color-mix(in srgb, var(--border-color, rgba(255,255,255,.16)) 72%, transparent); margin-bottom: .6rem; }
.manual-card-title { margin: 0 0 .28rem; font-size: .94rem; line-height: 1.15; font-weight: 900; }
.manual-card-desc { margin: 0; color: color-mix(in srgb, var(--text, #fff) 75%, transparent); font-size: .79rem; line-height: 1.28; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.manual-card-action { display: inline-flex; margin-top: .6rem; padding: .48rem .72rem; border-radius: 999px; text-decoration: none; background: var(--accent, var(--accent-color, #3daee9)); color: var(--accent-contrast, #06111b); font-size: .76rem; font-weight: 900; }
@keyframes manualCarouselScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 760px) {
  .manual-card { flex-basis: 158px; width: 158px; min-height: 320px; }
  .manual-card-media { height: 220px; }
  .manual-carousel-track { gap: .85rem; }
}
@media (prefers-reduced-motion: reduce) {
  .manual-carousel-track { animation: none !important; }
  .manual-carousel-rail { overflow-x: auto; mask-image: none; -webkit-mask-image: none; }
}