/* Wrapper */
.khl-swiper { position: relative; }
.khl-swiper .swiper { width: 100%; margin-left: auto; margin-right: auto; }
.khl-swiper .swiper-wrapper { align-items: stretch; }
.khl-swiper .swiper-slide { height: auto; }

/* Card */
.khl-tcard { background:#fff; border-radius:12px; padding:24px; box-shadow:0 2px 8px rgba(0,0,0,.06); display:flex; gap:16px; align-items:flex-start; }
.khl-tcard__avatar { flex:0 0 auto; display:flex; align-items:center; }
.khl-tcard__avatar img { width:64px; height:64px; object-fit:cover; border-radius:8px; }
.khl-rounded { border-radius:999px !important; }

.khl-tcard__text { line-height:1.7; color:#1a1a1a; }
.khl-tcard__name { font-weight:700; color:#111; }
.khl-tcard__role { color:#6b7280; }
.khl-tcard__stars { color:#f59e0b; letter-spacing:2px; font-size:14px; }

/* Navigation */
.khl-swiper .khl-swiper-button { position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:999px; background:rgba(255,255,255,.95); box-shadow:0 2px 8px rgba(0,0,0,.08); color:#111; border:none; cursor:pointer; }
.khl-swiper .khl-swiper-button:hover { background:#fff; }
.khl-swiper .khl-swiper-button:focus { outline:2px solid #111; outline-offset:2px; }
.khl-swiper .khl-swiper-button-prev { left:8px; }
.khl-swiper .khl-swiper-button-next { right:8px; }
.khl-swiper .khl-swiper-button-prev::before, .khl-swiper .khl-swiper-button-next::before { content:''; display:block; width:0; height:0; margin:auto; border-top:6px solid transparent; border-bottom:6px solid transparent; }
.khl-swiper .khl-swiper-button-prev::before { border-right:8px solid currentColor; }
.khl-swiper .khl-swiper-button-next::before { border-left:8px solid currentColor; }

/* Pagination */
.khl-swiper .swiper-pagination { position:static; margin-top:12px; }
.khl-swiper .swiper-pagination-bullet { opacity:1; background:#c4c4c4; }
.khl-swiper .swiper-pagination-bullet-active { background:#111; }
.khl-swiper .swiper-pagination-fraction { font-size:12px; color:#333; }
.khl-swiper .swiper-pagination-progressbar { background:rgba(0,0,0,.1); }
.khl-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#111; }