.community-page #mentor-works-carousel { visibility: visible; min-width: 0; scroll-margin-top: 105px; }
#mentor-works-carousel .mentor-works-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; margin: 28px 0 20px; padding-inline: var(--pad); }
#mentor-works-carousel .works-scroll-guide { margin: 0; font-size: 14px; }
#mentor-works-carousel .mentor-works-controls { display: flex; align-items: center; gap: 24px; }
#mentor-works-carousel .mentor-works-controls[hidden] { display: none; }
#mentor-works-carousel .mentor-works-position { min-width: 68px; font-size: 16px; }
#mentor-works-carousel .splide__arrows { display: flex; gap: 10px; }
#mentor-works-carousel .splide__arrow { display: grid; place-items: center; width: 50px; height: 50px; padding: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
#mentor-works-carousel .splide__arrow:not(:disabled):hover { background: var(--accent-panel); color: #fff; border-color: var(--accent-panel); }
#mentor-works-carousel .splide__arrow:disabled { opacity: .3; cursor: default; }
#mentor-works-carousel .splide__arrow:focus-visible { outline: 3px solid var(--accent-panel); outline-offset: 3px; }
#mentor-works-carousel .works-grid { display: block; width: 100%; margin: 0; padding: 0; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; }
#mentor-works-carousel .splide__list { display: flex; height: auto; margin: 0; padding: 0; align-items: stretch; }
#mentor-works-carousel .splide__slide { min-width: 0; height: auto; }
#mentor-works-carousel:not(.is-initialized) .splide__slide { flex: 0 0 clamp(280px, 32vw, 440px); scroll-snap-align: start; }
#mentor-works-carousel.is-initialized .works-grid { overflow: hidden; scroll-snap-type: none; }
.community-page #mentor-works-carousel .work-card { flex: none; width: 100%; height: 100%; }
#mentor-works-carousel .work-meta { flex-wrap: wrap; gap: 8px 16px; }
.community-page #mentor-works-carousel :is(.work-meta, .work-meta span, .work-link) { font-size: 14px; }
#mentor-works-carousel .work-card p { font-size: 16px; }
#mentor-works-carousel .work-card:is(:hover, :focus-visible) { background: var(--accent-panel) !important; color: #fff; }
#mentor-works-carousel .work-card:is(:hover, :focus-visible) :is(h3, p, .work-meta, .work-meta span, .work-link) { color: inherit; }
#mentor-works-carousel .work-card:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
@media (max-width: 700px) {
  #mentor-works-carousel .mentor-works-controls { width: 100%; justify-content: space-between; }
  #mentor-works-carousel:not(.is-initialized) .splide__slide { flex-basis: 88%; }
}