/* Kakanj-X V1.5.5 — modernizirana lijeva kolona, kompaktni razmaci i uži Klix-stil članka. */
.article-shell .kx-article-149{--kx-article-photo-width:830px;--kx-article-text-width:648px;--kx-article-gap:12px}
.article-shell .kx-article-149>.breadcrumbs,
.article-shell .kx-article-149>.kicker,
.article-shell .kx-article-149>.kx-article-type,
.article-shell .kx-article-149>h1,
.article-shell .kx-article-149>.cover,
.article-shell .kx-article-149>.kx-slider,
.article-shell .kx-article-149>.kx-reading-grid-153,
.article-shell .kx-article-149>.comments{max-width:var(--kx-article-photo-width)}
.article-shell .kx-article-149>.breadcrumbs{margin:0 0 5px!important}
.article-shell .kx-article-149>.kicker,.article-shell .kx-article-149>.kx-article-type{display:inline-flex;vertical-align:middle;margin:0 6px 5px 0!important}
.article-shell .kx-article-149>h1{font-family:ClanPro-Medium,system-ui,sans-serif!important;font-weight:500!important;line-height:1.14!important;letter-spacing:-.028em!important;font-size:clamp(30px,4.1vw,43px)!important;max-width:var(--kx-article-photo-width)!important;margin:0 0 10px!important;color:#121a22!important}
.article-shell .kx-article-149>.cover,.article-shell .kx-article-149>.kx-slider{margin:0 0 10px!important;border-radius:0!important;overflow:hidden}
.article-shell .kx-article-149>.cover img,.article-shell .kx-article-149>.kx-slider img{display:block;width:100%}
.article-shell .kx-article-149 .kx-cover-caption,.article-shell .kx-article-149 .kx-slider-caption{margin-top:5px!important}

.article-shell .kx-article-149 .kx-reading-grid-153{display:grid;grid-template-columns:168px minmax(0,1fr);column-gap:18px;row-gap:5px;margin:10px auto 0;align-items:start;max-width:var(--kx-article-photo-width)}
.article-shell .kx-article-149 .kx-reading-content-153{min-width:0;max-width:var(--kx-article-text-width)}
.article-shell .kx-article-149 .kx-reading-content-153,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body,
.article-shell .kx-article-149 .kx-reading-content-153 .kx-article-lead-149,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body h2,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body h3{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important}
.article-shell .kx-article-149 .kx-reading-content-153 .kx-article-lead-149{font-size:19px!important;line-height:1.58!important;font-weight:700!important;color:#212b34!important;margin:0 0 12px!important;max-width:none!important}
.article-shell .kx-article-149 .kx-reading-content-153 .article-body{font-size:18px!important;line-height:1.68!important;letter-spacing:0!important;color:#272c32!important;text-align:justify!important;text-justify:inter-word!important;overflow-wrap:break-word;max-width:none!important;margin:0!important}
.article-shell .kx-article-149 .kx-reading-content-153 .article-body p{margin:0 0 16px!important;line-height:inherit!important;font-size:inherit!important;text-align:justify!important}
.article-shell .kx-article-149 .kx-reading-content-153 .article-body h2{font-weight:700!important;font-size:24px!important;line-height:1.34!important;margin:20px 0 8px!important;text-align:left!important}
.article-shell .kx-article-149 .kx-reading-content-153 .article-body h3{font-weight:700!important;font-size:21px!important;line-height:1.38!important;margin:18px 0 7px!important;text-align:left!important}
.article-shell .kx-article-149 .kx-reading-content-153 .article-body ul,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body ol,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body blockquote,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body figure,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body .kx-media-wrap{margin:0 0 16px!important}
.article-shell .kx-article-149 .kx-reading-content-153 .article-body iframe,
.article-shell .kx-article-149 .kx-reading-content-153 .article-body video{max-width:100%!important}
.article-shell .kx-article-149 .kx-reading-content-153 > .kx-ad-box,
.article-shell .kx-article-149 .kx-reading-content-153 > [class*="ad"],
.article-shell .kx-article-149 .kx-reading-content-153 > .kx-ad-inline{margin-top:12px!important}

.kx-article-rail-153{font-family:ui-sans-serif,system-ui,sans-serif;color:#24313b;padding:0;min-width:0;font-size:12px;line-height:1.45;border-right:0}
.kx-rail-sticky-153{position:sticky;top:78px;display:flex;flex-direction:column;gap:8px}
.kx-rail-sticky-153>div,.kx-rail-sticky-153>a{background:#fff;border:1px solid #e5ebef;border-radius:14px;padding:12px 13px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.kx-rail-author-153{display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 10px;align-items:center;border-top:3px solid #11856c}
.kx-rail-avatar-153{display:grid;place-items:center;width:42px;height:42px;font-size:17px;font-weight:800;border-radius:50%;background:linear-gradient(145deg,#ebf8f1,#dff1e7);color:#167a58;grid-row:span 2;margin:0}
.kx-rail-eyebrow-153,.kx-rail-detail-153>span{color:#7d8a95;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.kx-rail-name-153{font-size:13px;font-weight:800;line-height:1.35;overflow-wrap:anywhere;color:#1f2933}
.kx-rail-detail-153{display:grid;gap:4px;border-left:3px solid #d9ece2}
.kx-rail-detail-153 time{color:#2f3b46;font-weight:700;font-size:12px;line-height:1.55}
.kx-rail-count-153,.kx-rail-views-153{display:flex;align-items:center;gap:7px;font-size:12px;color:#334352;line-height:1.45;text-decoration:none}
.kx-rail-count-153:hover{color:#167a58}.kx-rail-count-153 span,.kx-rail-views-153 span{font-size:15px;line-height:1;color:#11856c;margin:0}
.article-shell .kx-article-149 .kx-rail-share-153{margin:0!important;padding:12px 13px!important;border:1px solid #e5ebef!important;border-radius:14px!important;box-shadow:0 10px 26px rgba(15,23,42,.05)!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;max-width:none!important}
.kx-rail-share-153>strong{font-size:13px;color:#1f2a35;font-weight:800}
.article-shell .kx-article-149 .kx-rail-mainshare-153{background:linear-gradient(135deg,#168a66,#0f6b52)!important;color:#fff!important;border:0!important;border-radius:10px!important;width:100%;font-size:12px!important;font-weight:800;padding:10px 10px!important;margin:0!important;cursor:pointer;box-shadow:0 8px 18px rgba(17,133,108,.18)}
.kx-rail-social-153{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;align-items:center}
.kx-rail-social-153 a,.article-shell .kx-article-149 .kx-rail-social-153 button{display:grid!important;place-items:center!important;background:#f4f7f6!important;border:1px solid #e3e8e5!important;color:#25333f!important;padding:0!important;margin:0!important;width:100%;height:34px;border-radius:9px!important;font:700 12px/1 ui-sans-serif,system-ui,sans-serif!important;text-decoration:none;cursor:pointer}
.kx-rail-social-153 a:hover,.article-shell .kx-article-149 .kx-rail-social-153 button:hover{background:#e4f1ea!important;color:#146a3d!important}
.kx-rail-feedback-153{color:#267e4d;min-height:12px;font-size:10px}

.article-shell .kx-article-149>.comments{margin-top:16px!important}
.article-shell .kx-article-149>.comments h2,.article-shell .kx-article-149>.comments h3{margin-top:0}
.article-shell .article-aside .kx-ad-box:empty,.article-shell .article-aside .sidebox:empty{display:none!important}

@media(max-width:1100px){
 .article-shell .kx-article-149{--kx-article-photo-width:100%;--kx-article-text-width:100%}
 .article-shell .kx-article-149 .kx-reading-grid-153{grid-template-columns:150px minmax(0,1fr);column-gap:14px}
}
@media(max-width:760px){
 .article-shell .kx-article-149>.breadcrumbs,.article-shell .kx-article-149>.kicker,.article-shell .kx-article-149>.kx-article-type,.article-shell .kx-article-149>h1,.article-shell .kx-article-149>.cover,.article-shell .kx-article-149>.kx-slider,.article-shell .kx-article-149>.kx-reading-grid-153,.article-shell .kx-article-149>.comments{max-width:100%}
 .article-shell .kx-article-149>h1{font-size:clamp(28px,7.5vw,37px)!important;margin-bottom:8px!important}
 .article-shell .kx-article-149 .kx-reading-grid-153{display:flex;flex-direction:column;gap:10px;max-width:100%;margin-top:8px}
 .kx-article-rail-153{width:100%}
 .kx-rail-sticky-153{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .kx-rail-sticky-153>div,.kx-rail-sticky-153>a{padding:10px 11px}
 .kx-rail-author-153{grid-column:1/-1}
 .article-shell .kx-article-149 .kx-rail-share-153{grid-column:1/-1;padding:10px 11px!important;gap:8px!important}
 .kx-rail-social-153{grid-template-columns:repeat(4,1fr)}
 .article-shell .kx-article-149 .kx-reading-content-153{width:100%;max-width:none}
 .article-shell .kx-article-149 .kx-reading-content-153 .article-body{font-size:17px!important;line-height:1.66!important}
 .article-shell .kx-article-149 .kx-reading-content-153 .article-body p{margin-bottom:14px!important}
}
@media print{.kx-article-rail-153{display:none!important}.article-shell .kx-article-149 .kx-reading-grid-153{display:block!important}.article-shell .kx-article-149 .kx-reading-content-153{max-width:100%!important}}

/* V1.5.7 — članci: samo 5px gornje praznine, kartice i kompaktna desna kolona */
main.container:has(.article-shell){padding-top:5px!important;margin-top:0!important}
.article-shell,.article-shell .kx-article-149{margin-top:0!important;padding-top:0!important}
.article-shell .kx-article-149>.breadcrumbs{display:none!important}
.article-shell .kx-article-149>.kicker{margin-top:0!important}
.article-shell .kx-article-149>h1{margin-top:5px!important;margin-bottom:9px!important}
.kx-rail-sticky-153{gap:6px!important}
.kx-rail-sticky-153>div,.kx-rail-sticky-153>a{border-radius:12px!important;padding:11px!important}
.kx-rail-sticky-153 .kx-rail-count-153,.kx-rail-sticky-153 .kx-rail-views-153,.kx-rail-sticky-153 .kx-rail-shares-157{font-size:12px;line-height:1.35;display:flex;align-items:center;gap:6px}
.kx-rail-sticky-153 .kx-rail-shares-157{background:#e9f6ef;border:1px solid #b9dfc8;font-weight:700;color:#0f704f}
.kx-rail-metric-icon-157{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;font-size:17px;color:#137b57}
.kx-rail-social-153{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.kx-rail-social-153 button,.kx-rail-social-153 a{min-height:34px!important;font-size:11px!important;text-align:center!important}
.kx-rail-social-153 .kx-rail-viber-157{background:#f5eefb!important;color:#6d2ba8!important}
.kx-rail-social-153 .kx-rail-instagram-157{background:#fff0f6!important;color:#c13584!important}
.kx-rail-social-153 .kx-rail-tiktok-157{background:#edf0f2!important;color:#131a21!important}
.kx-rail-actions-157{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:1px}
.article-shell .kx-article-149 .kx-rail-actions-157 button{border:1px solid #dce9e2;border-radius:8px;background:#f5faf6;color:#155e45;padding:7px 4px;font-size:11px;font-weight:700;cursor:pointer}
.kx-article-extras-157{display:grid;gap:10px;align-content:start;margin-top:0}
.kx-extras-box-157{background:white;border:1px solid #e4eaee;border-radius:14px;padding:13px;box-shadow:0 8px 22px rgba(25,44,53,.04);min-width:0}
.kx-extras-head-157{display:flex;align-items:center;gap:8px;font-weight:800;color:#1c2932;font-size:14px;margin:0 0 10px}
.kx-extras-head-157 i{width:5px;align-self:stretch;min-height:17px;border-radius:6px;background:#11856c}
.kx-extra-row-157{display:flex;gap:9px;align-items:flex-start;color:#263642;text-decoration:none;border-top:1px solid #eef1f3;padding:9px 0;font-size:12px;line-height:1.4}
.kx-extra-row-157:hover{color:#087a52}
.kx-extra-row-157:first-of-type{border-top:0;padding-top:0}
.kx-extra-num-157{flex:none;font-size:12px;font-weight:900;color:#8ca69a}
.kx-extra-title-157{font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.kx-extra-meta-157{display:block;color:#77838a;font-size:10px;margin-top:3px}
.kx-extra-image-157{width:54px;height:52px;object-fit:cover;border-radius:7px;flex:none;background:#f1f5f2}
.kx-aside-ad-157{margin:0!important;padding:0!important}
.kx-aside-ad-157 .kx-ad-widget{max-width:100%;margin:0 auto}
.kx-aside-ad-157 .kx-ad-widget img{width:100%;height:auto;max-height:310px;object-fit:contain}
.kx-aside-ad-157 .kx-ad-frame{width:100%;height:280px}
.kx-aside-ad-157:empty{display:none}
.kx-extras-box-157:empty{display:none}
@media(max-width:1100px){.kx-extras-box-157{padding:11px}.kx-extra-row-157{font-size:11px}}
@media(max-width:820px){.article-shell .article-aside{width:100%!important;max-width:100%!important}.kx-article-extras-157{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kx-aside-ad-157{grid-column:1/-1}}
@media(max-width:520px){.kx-article-extras-157{grid-template-columns:1fr}.kx-rail-social-153{grid-template-columns:repeat(5,minmax(0,1fr))!important}.kx-rail-sticky-153{gap:5px!important}}
