/* Jaisandar 5.10.111 — рубрика шолуы */
.jro{position:relative;margin:0 0 22px;padding:22px 24px 24px;border-radius:24px;background:var(--jx-card,#FFFCF4);border:1px solid var(--jx-rule2,#E8E1D2);animation:jroIn .45s cubic-bezier(.2,.8,.2,1) both}
.jro[hidden]{display:none!important}
@keyframes jroIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.jro-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.jro-label{font:850 11.5px/1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--jx-goldink,#7E520B)}
.jro-hide{border:0;background:transparent;color:var(--jx-ink2,#4A4F57);font:750 12px/1 Inter,Arial,sans-serif;cursor:pointer;padding:6px 8px;border-radius:8px}
.jro-hide:hover{background:var(--jx-card2,#F7EFDA)}
/* ішкі үлкен блок — шолу ішінде жиектерсіз, ықшам */
.jro .jx-big{margin:0!important;padding:8px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.jro .jx-big .jx-big-h{font-size:clamp(24px,2.6vw,34px)!important}
.jro .jx-more{display:none}
/* бөлім тақталары */
.jro-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--jx-rule,#DCD3C1)}
.jro-tile{position:relative;display:flex;flex-direction:column;gap:3px;min-height:86px;padding:14px 34px 12px 14px;border-radius:16px;background:var(--jx-card2,#F7EFDA);border:1px solid var(--jx-rule2,#E8E1D2);color:var(--jx-ink,#14161A);text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.jro-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tc)}
.jro-tile span{font:800 13.5px/1.2 Inter,Arial,sans-serif}
.jro-tile b{font:700 20px/1.1 var(--jx-disp,Georgia,serif);color:var(--tc)}
.jro-tile small{font:600 11.5px/1.3 Inter,Arial,sans-serif;color:var(--jx-ink2,#4A4F57)}
.jro-tile i{position:absolute;right:12px;top:12px;font-style:normal;font-weight:800;color:var(--tc);transition:transform .2s}
.jro-tile:hover{transform:translateY(-2px);border-color:var(--tc);box-shadow:0 12px 22px -18px rgba(20,22,26,.6)}
.jro-tile:hover i{transform:translateX(3px)}
/* қор нарығы: бүгінгі өзгеріс бағандары */
.jro-div{display:grid;gap:6px}
.jro-div-row{display:grid;grid-template-columns:96px 1fr 70px;gap:10px;align-items:center;border:0;background:transparent;padding:3px 4px;border-radius:10px;cursor:pointer;font:inherit;color:inherit;text-align:left;animation:jroIn .45s both;animation-delay:var(--d)}
.jro-div-row:hover{background:var(--jx-card2,#F7EFDA)}
.jro-div-row .n{display:flex;align-items:center;gap:7px;font:800 13px/1 Inter,Arial,sans-serif}
.jro-div-row .n img{width:22px;height:22px;border-radius:6px;background:#fff;object-fit:contain}
.jro-div-row .bar{position:relative;height:16px}
.jro-div-row .bar::before{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--jx-rule,#DCD3C1)}
.jro-div-row .bar i{position:absolute;top:0;bottom:0;width:calc(var(--w)/2);border-radius:5px}
.jro-div-row.up .bar i{left:50%;background:linear-gradient(90deg,#2BB58A,#0B8A55)}
.jro-div-row.dn .bar i{right:50%;background:linear-gradient(270deg,#F08A6F,#D0423A)}
.jro-div-row .v{text-align:right;font:850 13px/1 Inter,Arial,sans-serif}
.jro-div-row.up .v{color:var(--jx-up,#0B7344)}.jro-div-row.dn .v{color:var(--jx-dn,#B3302A)}
/* шолу көрініп тұрғанда сол рубриканың ұзын бөлімдері жасырылады — тақта басылғанда ашылады */
body.jro-on #content.site-main>*:not(.top-stocks-panel):not(.rubric-tabs):not(.jro):not(.rubric-mobile-drawer):not(script):not(style){display:none!important}
/* ұзын тізімдер */
.jro-folded{display:none!important}
.jro-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:10px 0 4px;padding:12px 16px;border-radius:14px;border:1px dashed var(--jx-rule,#DCD3C1);background:var(--jx-card2,#F7EFDA);color:var(--jx-ink,#14161A);font:800 13px/1 Inter,Arial,sans-serif;cursor:pointer}
.jro-more b{color:var(--jx-goldink,#7E520B)}
.jro-more:hover{border-style:solid}
.jro-more[hidden]{display:none}
.jro-details{margin:16px 0;border:1px solid var(--jx-rule2,#E8E1D2);border-radius:18px;background:var(--jx-card,#FFFCF4)}
.jro-details>summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;font:800 14px/1 Inter,Arial,sans-serif}
.jro-details>summary::-webkit-details-marker{display:none}
.jro-details>summary::before{content:"▶";font-size:11px;color:var(--jx-goldink,#7E520B);transition:transform .2s}
.jro-details[open]>summary::before{transform:rotate(90deg)}
.jro-details>summary small{font:600 12px/1 Inter,Arial,sans-serif;color:var(--jx-ink2,#4A4F57)}
.jro-details>section{margin:0 12px 12px}
@media(max-width:760px){
 .jro{padding:16px 14px 18px;border-radius:20px}
 .jro-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;scrollbar-width:none}
 .jro-tiles::-webkit-scrollbar{display:none}
 .jro-tile{flex:0 0 62%;scroll-snap-align:start}
 .jro-div-row{grid-template-columns:84px 1fr 62px}
}
@media(prefers-reduced-motion:reduce){.jro,.jro-div-row{animation:none}}
.jro .jx-big .jx-big-text{order:-1}
.jro .jx-big .jx-big-vis{order:1}
.jro .jx-vor{max-width:440px;margin:0 auto;min-height:0}
.jro .jx-src{display:block;margin-top:8px}
.jro .jx-big,.jro .jx-big:nth-child(even){grid-template-columns:minmax(280px,.85fr) minmax(0,1.3fr)!important}
.jro .jx-big:nth-child(even) .jx-big-text{order:-1!important}
@media(max-width:900px){.jro .jx-big,.jro .jx-big:nth-child(even){grid-template-columns:1fr!important;gap:18px}}
.jro-head{position:absolute;top:14px;right:16px;margin:0;z-index:2}
.jro-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.jro .jx-big{padding-top:0!important}
@media(max-width:760px){.jro-head{top:10px;right:8px}.jro-hide{font-size:11px}}
.jro-detail-big{margin-top:20px}
.jro-detail-big>summary{padding:18px 20px;font-size:15px}
.jro-detail-big>*:not(summary){margin-left:14px;margin-right:14px}
.jro-detail-big[open]{padding-bottom:12px}
html[data-theme="dark"] body .jro{background:#141A20!important;border-color:#2B323B!important}
html[data-theme="dark"] body .jro-tile{background:#1B2128!important;border-color:#2B323B!important;color:#EDE8DE!important}
html[data-theme="dark"] body .jro-tile b,html[data-theme="dark"] body .jro-tile i{color:color-mix(in srgb,var(--tc) 45%,#fff)!important}
html[data-theme="dark"] body .jro-tile small{color:#AEB4BC!important}
html[data-theme="dark"] body .jro-tile::before{background:color-mix(in srgb,var(--tc) 60%,#fff)!important}
html[data-theme="dark"] body .jro-more,html[data-theme="dark"] body .jro-details{background:#1B2128!important;border-color:#2B323B!important;color:#EDE8DE!important}
html[data-theme="dark"] body .jro-more b{color:#E9BC5C!important}

/* 5.10.119 · Қор нарығы: 8 бөлім шолудың үстінде */
.jro-tiles.jro-tiles-top{margin:22px 0 20px;padding:0 0 18px;border-top:0;border-bottom:1px dashed var(--jx-rule,#DCD3C1)}
@media (min-width:901px){.jro-tiles.jro-tiles-top{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.jro-tiles.jro-tiles-top{margin:24px 0 14px;padding:0 0 12px}}

/* 5.10.120 · тақта иконкалары; бөлім санына қарай баған саны */
.jro-tile{padding-left:62px}
.jro-tile .jro-ic{position:absolute;left:13px;top:13px;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--tc) 12%,transparent);color:var(--tc);transition:transform .2s,background .2s}
.jro-tile .jro-ic svg{width:21px;height:21px}
.jro-tile:hover .jro-ic{transform:scale(1.06);background:color-mix(in srgb,var(--tc) 18%,transparent)}
@media (min-width:901px){.jro-tiles.jro-tiles-top[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
html[data-theme="dark"] body .jro-tile .jro-ic{background:color-mix(in srgb,var(--tc) 22%,transparent)!important;color:color-mix(in srgb,var(--tc) 45%,#fff)!important}
@media (max-width:760px){.jro-tile{padding-left:56px}.jro-tile .jro-ic{left:11px;top:12px;width:34px;height:34px}}

/* 5.10.121 · Jaisandar шрифті (JaiBenguiat) — әр рубриканың тақырыптарында (басты беттегідей).
   Шрифттің тек қалыпты (400) салмағы бар — жалған қалыңдатуды болдырмаймыз. */
body.home[data-jai-rubric]:not([data-jai-rubric="home"]) #content.site-main :is(h1,h2,h3,h4):not(.screen-reader-text),
body.home[data-jai-rubric]:not([data-jai-rubric="home"]) #content.site-main :is(.jx-big-h,.jx-title,.jx-st-h,.jhub-h,.jro-tile>span){
  font-family:"JaiBenguiat",Georgia,"Times New Roman",serif!important;font-weight:400!important;letter-spacing:0!important;font-synthesis:none}
