.kx-slider{margin:16px 0 22px;max-width:100%}.kx-slider-stage{position:relative;background:#151515;border-radius:9px;overflow:hidden;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.kx-slider-image{width:100%;height:100%;object-fit:contain;display:block}.kx-slider-counter{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.72);color:#fff;font:700 13px/1 Arial,sans-serif;padding:9px 11px;border-radius:6px}.kx-slider-prev,.kx-slider-next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.52);color:#fff;cursor:pointer;font-size:36px;width:43px;height:56px;border-radius:6px}.kx-slider-prev{left:9px}.kx-slider-next{right:9px}.kx-slider-prev:hover,.kx-slider-next:hover{background:rgba(0,0,0,.85)}.kx-slider-full{position:absolute;top:10px;right:10px;border:0;background:rgba(0,0,0,.64);color:white;border-radius:6px;padding:7px 10px;font-size:17px;cursor:pointer}.kx-slider-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#717784;font-size:12px;padding:9px 2px 5px}.kx-slider-photo-caption{color:#414851}.kx-slider-thumbs{display:flex;gap:7px;overflow-x:auto;padding:7px 0 5px}.kx-slider-thumb{height:57px;width:85px;flex:0 0 auto;padding:2px;background:#fff;border:2px solid transparent;border-radius:5px;cursor:pointer}.kx-slider-thumb.active{border-color:#8bc53f}.kx-slider-thumb img{width:100%;height:100%;object-fit:cover;border-radius:2px}.kx-slider:fullscreen{background:#101010;display:flex;flex-direction:column;justify-content:center;padding:15px}.kx-slider:fullscreen .kx-slider-stage{width:100%;max-height:85vh;aspect-ratio:auto;flex:1}.kx-slider:fullscreen .kx-slider-image{object-fit:contain}.kx-slider:fullscreen .kx-slider-caption{color:white}@media(max-width:650px){.kx-slider-stage{aspect-ratio:4/3}.kx-slider-prev,.kx-slider-next{width:34px;height:48px;font-size:28px}.kx-slider-thumb{width:66px;height:48px}.kx-slider-caption{display:block;font-size:11px}.kx-slider-credit{display:block;margin-top:3px}}

/* Kakanj-X 1.2.3: grayscale editorial article and sliding gallery */
.article{background:#fff;color:#22262c;box-shadow:0 6px 24px rgba(19,25,35,.07);border:1px solid #e4e8ed}
.article h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,3.2vw,40px);font-weight:800;letter-spacing:-.025em;line-height:1.18;color:#20252c}
.article-summary{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.48;color:#555e69}
.article-body{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.75;color:#282e35;text-align:justify;hyphens:auto;overflow-wrap:anywhere}
.article-body p{text-align:justify;margin-bottom:1.1em}.article-body h2,.article-body h3{text-align:left;hyphens:none}
.kx-slider{background:#fff;border:1px solid #e7e9ed;border-radius:12px;padding:10px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.kx-slider-stage{background:#f0f1f3;border-radius:9px}
.kx-slider-image{transition:opacity .22s ease,transform .28s ease;object-fit:contain}
.kx-slider-image.kx-fade-out{opacity:0;transform:translateX(-16px)}
.kx-slider-image.kx-fade-in{animation:kxGalleryEnter .30s ease both}
@keyframes kxGalleryEnter{from{opacity:.25;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
.kx-slider-caption{color:#69717a;padding:11px 4px}
.kx-slider-bottom{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;align-items:center}
.kx-slider-thumbs-viewport{min-width:0;overflow:hidden}
.kx-slider-thumbs{display:flex;gap:8px;overflow:visible;padding:5px 0;transform:translateX(0);transition:transform .32s ease;scrollbar-width:none}
.kx-slider-thumbs::-webkit-scrollbar{display:none}
.kx-slider-thumb{width:86px;min-width:86px;height:58px;flex:0 0 86px;background:#eee;border-radius:6px}
.kx-slider-thumb.active{border-color:#7eb83f}
.kx-thumbs-prev,.kx-thumbs-next{border:1px solid #d7dce2;background:#f5f6f8;border-radius:7px;height:48px;font-size:25px;color:#3e454d;cursor:pointer}
.kx-thumbs-prev:hover,.kx-thumbs-next:hover{background:#e7e9ed}
.kx-cover-caption{font-size:12px;color:#727b85;padding:9px 3px}
@media(max-width:680px){.article-body{font-size:17px;line-height:1.7}.kx-slider-bottom{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.kx-slider-thumb{width:65px;min-width:65px;flex-basis:65px;height:48px}.kx-thumbs-prev,.kx-thumbs-next{height:42px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.kx-slider-image,.kx-slider-thumbs{transition:none!important;animation:none!important}}