@font-face{
  font-family:"Benguiatkaz";
  src:url("https://jaisandar.kz/wp-content/uploads/fonts/vBenguiatkaz.ttf") format("truetype");
  font-display:swap;
}

.jai-editor-key-number,.jai-editor-fact,.jai-editor-source,.jai-editor-summary,.jai-editor-compare,.jai-editor-infographic{box-sizing:border-box;margin:22px 0}
.jai-editor-key-number{--jai-accent:#660033;padding:20px 22px;border:1px solid color-mix(in srgb,var(--jai-accent) 22%,#fff);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--jai-accent) 8%,#fff),#fff);box-shadow:0 10px 26px rgba(17,24,39,.06)}
.jai-editor-key-number.is-teal{--jai-accent:#008080}.jai-editor-key-number.is-blue{--jai-accent:#2878b5}.jai-editor-key-number.is-gold{--jai-accent:#a56f00}
.jai-editor-key-number__value{color:var(--jai-accent);font:900 clamp(34px,5vw,62px)/.95 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.05em}.jai-editor-key-number__label{margin-top:8px;font-weight:850;color:#111827}.jai-editor-key-number__note{margin-top:5px;color:#6b7280;font-size:13px}

.jai-editor-fact{--jai-accent:#008080;position:relative;padding:17px 18px 17px 23px;border-radius:16px;background:#f8fbfb;border:1px solid #dcebea;overflow:hidden}.jai-editor-fact:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--jai-accent)}.jai-editor-fact.is-plum{--jai-accent:#660033}.jai-editor-fact.is-blue{--jai-accent:#2878b5}.jai-editor-fact.is-gold{--jai-accent:#a56f00}.jai-editor-fact__title{display:block;color:var(--jai-accent);font-weight:900;margin-bottom:6px}.jai-editor-fact__text{margin:0!important}

.jai-editor-source{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid #e5e7eb;border-radius:14px;background:#fafafa}.jai-editor-source__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#111827;color:#fff;flex:0 0 32px;font-weight:900}.jai-editor-source__body{min-width:0}.jai-editor-source__body a{color:#111827;text-decoration:none}.jai-editor-source__body a:hover{text-decoration:underline}.jai-editor-source__body strong{display:block}.jai-editor-source__body small{display:block;margin-top:3px;color:#6b7280}

.jai-editor-summary{padding:18px 20px;border:1px solid #ead6df;border-radius:18px;background:#fff9fc}.jai-editor-summary__title{margin-bottom:8px;color:#660033;font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.jai-editor-summary ul{margin-bottom:0!important}

.jai-editor-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jai-editor-compare__side{padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.jai-editor-compare__side strong{display:block;margin-bottom:6px;color:#111827}.jai-editor-compare__side p{margin:0!important}

.jai-editor-infographic{padding:12px;border:1px solid #dde3e8;border-radius:18px;background:#fbfcfd}.jai-editor-infographic__label{margin-bottom:10px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#667085}

@media(max-width:700px){.jai-editor-compare{grid-template-columns:1fr}.jai-editor-key-number{padding:16px}.jai-editor-key-number__value{font-size:40px}.jai-editor-summary,.jai-editor-fact{padding-right:14px}}

/* =========================================================
   JaiSandar Editor 1.2 — визуал блоктар, иконкалар, тренд
========================================================= */
.jai-editor-trend,
.jai-editor-why,
.jai-editor-impact,
.jai-editor-warning,
.jai-editor-date{
  --jai-accent:#008080;
  box-sizing:border-box;
  margin:22px 0;
}
.jai-editor-trend.is-plum,.jai-editor-why.is-plum,.jai-editor-impact.is-plum,.jai-editor-warning.is-plum,.jai-editor-date.is-plum{--jai-accent:#660033}
.jai-editor-trend.is-teal,.jai-editor-why.is-teal,.jai-editor-impact.is-teal,.jai-editor-warning.is-teal,.jai-editor-date.is-teal{--jai-accent:#008080}
.jai-editor-trend.is-blue,.jai-editor-why.is-blue,.jai-editor-impact.is-blue,.jai-editor-warning.is-blue,.jai-editor-date.is-blue{--jai-accent:#2878b5}
.jai-editor-trend.is-gold,.jai-editor-why.is-gold,.jai-editor-impact.is-gold,.jai-editor-warning.is-gold,.jai-editor-date.is-gold{--jai-accent:#a56f00}

.jai-editor-card-content{min-width:0;flex:1}
.jai-editor-card-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:14px;
  color:var(--jai-accent);
  background:color-mix(in srgb,var(--jai-accent) 10%,#fff);
  border:1px solid color-mix(in srgb,var(--jai-accent) 20%,#fff);
}
.jai-editor-card-icon .dashicons{width:22px;height:22px;font-size:22px;line-height:22px}
.jai-editor-card-icon:after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:17px;
  border:1px solid transparent;
  pointer-events:none;
}

.jai-editor-fact.has-icon{
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:16px 18px;
}
.jai-editor-fact.has-icon:before{display:none}
.jai-editor-fact.has-icon .jai-editor-card-icon{--jai-accent:inherit}
.jai-editor-fact.has-icon.is-plum{--jai-accent:#660033}.jai-editor-fact.has-icon.is-teal{--jai-accent:#008080}.jai-editor-fact.has-icon.is-blue{--jai-accent:#2878b5}.jai-editor-fact.has-icon.is-gold{--jai-accent:#a56f00}

.jai-editor-why,
.jai-editor-warning{
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:17px 18px;
  border:1px solid color-mix(in srgb,var(--jai-accent) 18%,#e5e7eb);
  border-radius:17px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--jai-accent) 7%,#fff),#fff 72%);
  box-shadow:0 9px 24px rgba(17,24,39,.045);
}
.jai-editor-why__title,.jai-editor-warning__title{display:block;margin:1px 0 5px;color:var(--jai-accent);font-weight:900}
.jai-editor-why__text,.jai-editor-warning__text{margin:0!important;color:#303846;line-height:1.55}
.jai-editor-warning{background:linear-gradient(135deg,color-mix(in srgb,var(--jai-accent) 10%,#fff),#fff 68%)}

.jai-editor-trend{
  position:relative;
  overflow:hidden;
  padding:19px 20px;
  border:1px solid color-mix(in srgb,var(--jai-accent) 20%,#e5e7eb);
  border-radius:19px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--jai-accent) 8%,#fff),#fff 70%);
  box-shadow:0 10px 28px rgba(17,24,39,.05);
}
.jai-editor-trend:after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-72px;top:-86px;
  border-radius:50%;
  background:color-mix(in srgb,var(--jai-accent) 8%,transparent);
  pointer-events:none;
}
.jai-editor-trend__main{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%}
.jai-editor-trend__value{color:var(--jai-accent);font:900 clamp(34px,5vw,58px)/.96 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.05em}
.jai-editor-trend__arrow{display:grid;place-items:center;color:var(--jai-accent)}
.jai-editor-trend__arrow .dashicons{width:31px;height:31px;font-size:31px;line-height:31px}
.jai-editor-trend__label{margin-top:7px;color:#111827;font-weight:850}
.jai-editor-trend__note{margin-top:4px;color:#6b7280;font-size:13px}
.jai-editor-trend.is-down .jai-editor-trend__value,.jai-editor-trend.is-down .jai-editor-trend__arrow{filter:saturate(.9)}
.jai-editor-trend.is-flat .jai-editor-trend__arrow{opacity:.7}

.jai-editor-impact{
  padding:17px 18px;
  border:1px solid color-mix(in srgb,var(--jai-accent) 18%,#e5e7eb);
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 24px rgba(17,24,39,.04);
}
.jai-editor-impact__title{display:block;margin-bottom:10px;color:var(--jai-accent);font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.jai-editor-impact__flow{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:8px}
.jai-editor-impact__node{min-width:0;padding:12px 13px;border-radius:13px;background:color-mix(in srgb,var(--jai-accent) 7%,#fff);border:1px solid color-mix(in srgb,var(--jai-accent) 14%,#fff);color:#111827;font-weight:800;text-align:center}
.jai-editor-impact__arrow{display:grid;place-items:center;color:var(--jai-accent)}
.jai-editor-impact__arrow .dashicons{width:27px;height:27px;font-size:27px;line-height:27px}
.jai-editor-impact__note{margin:10px 0 0!important;color:#6b7280;font-size:13px}

.jai-editor-date{
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--jai-accent) 18%,#e5e7eb);
  border-radius:16px;
  background:#fff;
}
.jai-editor-date__icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;color:#fff;background:var(--jai-accent)}
.jai-editor-date__icon .dashicons{width:21px;height:21px;font-size:21px;line-height:21px}
.jai-editor-date__body{min-width:0}
.jai-editor-date__date{color:var(--jai-accent);font-size:20px;font-weight:950;line-height:1.05}
.jai-editor-date__label{display:block;margin-top:3px;color:#111827;font-size:13px}
.jai-editor-date__note{display:block;margin-top:2px;color:#6b7280}

/* Жұмсақ «жанып-өшетін» эффект. Қатты blink қолданылмайды. */
.is-anim-pulse .jai-editor-card-icon:after,
.jai-editor-date.is-anim-pulse .jai-editor-date__icon{
  animation:jai-editor-soft-pulse 2.5s ease-in-out infinite;
}
.is-anim-float .jai-editor-card-icon{
  animation:jai-editor-icon-float 2.8s ease-in-out infinite;
}
.jai-editor-trend.is-anim-float.is-up .jai-editor-trend__arrow{animation:jai-editor-arrow-up 2.15s ease-in-out infinite}
.jai-editor-trend.is-anim-float.is-down .jai-editor-trend__arrow{animation:jai-editor-arrow-down 2.15s ease-in-out infinite}
.jai-editor-trend.is-anim-float.is-flat .jai-editor-trend__arrow{animation:jai-editor-arrow-flat 2.15s ease-in-out infinite}
.jai-editor-impact.is-anim-float .jai-editor-impact__arrow{animation:jai-editor-arrow-right 2.1s ease-in-out infinite}
.jai-editor-impact.is-anim-pulse .jai-editor-impact__arrow{animation:jai-editor-arrow-glow 2.5s ease-in-out infinite}

@keyframes jai-editor-soft-pulse{
  0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--jai-accent) 0%,transparent);opacity:1}
  50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--jai-accent) 10%,transparent);opacity:.86}
}
@keyframes jai-editor-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes jai-editor-arrow-up{0%,100%{transform:translate(0,2px);opacity:.72}50%{transform:translate(3px,-4px);opacity:1}}
@keyframes jai-editor-arrow-down{0%,100%{transform:translate(0,-2px);opacity:.72}50%{transform:translate(3px,4px);opacity:1}}
@keyframes jai-editor-arrow-flat{0%,100%{transform:translateX(-2px);opacity:.7}50%{transform:translateX(4px);opacity:1}}
@keyframes jai-editor-arrow-right{0%,100%{transform:translateX(-3px);opacity:.65}50%{transform:translateX(4px);opacity:1}}
@keyframes jai-editor-arrow-glow{0%,100%{opacity:.55;filter:none}50%{opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--jai-accent) 38%,transparent))}}

@media(max-width:700px){
  .jai-editor-trend,.jai-editor-why,.jai-editor-impact,.jai-editor-warning,.jai-editor-date{margin:17px 0}
  .jai-editor-trend{padding:16px}
  .jai-editor-trend__value{font-size:39px}
  .jai-editor-trend__arrow .dashicons{width:27px;height:27px;font-size:27px;line-height:27px}
  .jai-editor-card-icon{width:39px;height:39px;flex-basis:39px;border-radius:12px}
  .jai-editor-impact__flow{grid-template-columns:1fr 31px 1fr;gap:5px}
  .jai-editor-impact__node{padding:10px 8px;font-size:12px}
  .jai-editor-impact__arrow .dashicons{width:22px;height:22px;font-size:22px;line-height:22px}
  .jai-editor-date__date{font-size:18px}
}

@media(prefers-reduced-motion:reduce){
  .jai-editor-fact *,
  .jai-editor-trend *,
  .jai-editor-why *,
  .jai-editor-impact *,
  .jai-editor-warning *,
  .jai-editor-date *{animation:none!important;transition:none!important}
}