.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail { width: 100%; font-family: var(--hl-font-ui); overflow: hidden; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__inner { padding-top: var(--hl-pt, var(--hl-section-y)); padding-bottom: var(--hl-pb, var(--hl-section-y)); }
@media (max-width: 767px) { .cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__inner { padding-top: var(--hl-pt-m, var(--hl-section-y)); padding-bottom: var(--hl-pb-m, var(--hl-section-y)); } }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 24px; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__title { font-size: var(--hl-fs-h2); }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__desc { margin: 8px 0 0; max-width: 44ch; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__tools { display: flex; align-items: center; gap: 20px; flex-shrink: 0; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--hl-cols) - 1) * 16px) / var(--hl-cols)); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-inline: 6px; scrollbar-width: none; padding: 4px 6px 8px; -webkit-overflow-scrolling: touch; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track::-webkit-scrollbar { display: none; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track:focus-visible { outline: 2px solid var(--hl-ink); outline-offset: 2px; }
/* the hand only appears where dragging is actually possible */
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track[data-drag="on"] { cursor: grab; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track[data-drag="on"][data-dragging] { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track[data-drag="on"] img, .cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track[data-drag="on"] a { -webkit-user-drag: none; }
@media (hover: none) { .cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track[data-drag="on"] { cursor: auto; } }
.cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__cell { scroll-snap-align: start; min-width: 0; }
@media (max-width: 1023px) { .cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track { grid-auto-columns: 40%; } }
@media (max-width: 767px) { .cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__head { flex-direction: column; align-items: flex-start; gap: 12px; } .cc_d2ggg1qu_N9Mxt0Z1rd .hl-rail__track { grid-auto-columns: 70%; gap: 12px; } }