/* IQSTAT blog etalon — article components (illustrations in HTML/CSS/SVG).
   Tokens follow the main page (iqstat-redesign/index.html) and iqd-blog.css of iqstat-blog-child.
   Every selector is prefixed .iqe- so the file can be moved into the child theme as is. */
.iqd-body{--e-ink:#0B1220;--e-soft:#5A6578;--e-muted:#8A94A6;--e-signal:#2F6BFF;--e-deep:#1E4FD6;--e-sky:#5B9DFF;
  --e-lime:#2FBE4A;--e-green:#1E8F33;--e-red:#D93639;--e-red-bg:rgba(255,77,79,.1);--e-warn:#9A6A00;--e-warn-bg:rgba(255,196,0,.16);
  --e-line:rgba(11,18,32,.07);--e-mock:#F7F8FA;--e-shadow:0 10px 28px rgba(11,18,32,.06);--e-r:22px;--e-r-sm:16px}

/* meta line: author + dates */
.iqe-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-8px 0 26px;font-size:14px;color:var(--e-muted);font-weight:500}
.iqe-byline b{color:var(--e-ink);font-weight:700}
.iqe-byline .dot{width:4px;height:4px;border-radius:50%;background:#C3CAD6}
.iqe-ava{width:32px;height:32px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--e-ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em}

/* lead */
.iqstat-entry .iqe-lead{font-size:20px;line-height:1.6;color:var(--e-ink);font-weight:500;margin-bottom:1.2em}
@media (max-width:760px){.iqstat-entry .iqe-lead{font-size:18px}}

/* figure shell */
.iqstat-entry figure.iqe-fig{margin:2em 0;padding:22px;background:#fff;border:1px solid var(--e-line);border-radius:var(--e-r);box-shadow:var(--e-shadow)}
.iqstat-entry figure.iqe-fig figcaption{margin-top:14px;text-align:left;font-size:13.5px;color:var(--e-soft)}
.iqe-kick{display:block;margin:0 0 6px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--e-deep)}
.iqe-fig-title{display:block;margin:0 0 16px;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.3;color:var(--e-ink)}
@media (min-width:1100px){.iqstat-entry figure.iqe-fig--wide{max-width:none;margin-left:-80px;margin-right:-80px;padding:28px 32px}}
@media (max-width:560px){.iqstat-entry figure.iqe-fig{max-width:none;padding:16px 14px;border-radius:18px;margin-left:-4px;margin-right:-4px}}

/* 1. chart with a dip */
.iqe-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--e-soft)}
.iqe-legend span{display:inline-flex;align-items:center;gap:7px}
.iqe-legend i{width:18px;height:3px;border-radius:2px;background:var(--e-sky)}
.iqe-legend i.ink{background:var(--e-ink);height:3px}
.iqe-legend i.zone{height:12px;width:14px;border-radius:4px;background:rgba(255,77,79,.14);border:1px dashed rgba(217,54,57,.5)}
.iqe-chart{position:relative}
.iqe-chart svg{display:block;width:100%;height:auto}
.iqe-chart-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.iqe-note{padding:10px 12px;border-radius:14px;background:var(--e-mock);border:1px solid rgba(11,18,32,.05);font-size:13.5px;line-height:1.4;color:var(--e-ink)}
.iqe-note b{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--e-soft);margin-bottom:3px}
.iqe-note.is-red{background:#FFF6F6;border-color:rgba(255,77,79,.22)}
.iqe-note.is-red b{color:var(--e-red)}
@media (max-width:760px){.iqe-chart-notes{grid-template-columns:1fr}}

/* 2. tree of four causes */
.iqe-tree{position:relative}
.iqe-root{position:relative;display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 auto 34px;padding:12px 20px;border-radius:999px;background:var(--e-ink);color:#fff;font-size:15px;font-weight:800;box-shadow:0 10px 24px rgba(11,18,32,.22)}
.iqe-root::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF6B6B;box-shadow:0 0 0 4px rgba(255,107,107,.25)}
.iqe-root::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:18px;background:rgba(11,18,32,.18)}
.iqe-branches{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:16px}
.iqe-branches::before{content:"";position:absolute;top:0;left:12.5%;right:12.5%;height:2px;background:rgba(11,18,32,.18);border-radius:2px}
.iqe-branch{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--e-r-sm);background:var(--e-mock);border:1px solid rgba(11,18,32,.06)}
.iqe-branch::before{content:"";position:absolute;left:50%;top:-17px;width:2px;height:17px;background:rgba(11,18,32,.18)}
.iqe-branch-ico{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--e-line);color:var(--e-signal)}
.iqe-branch-ico svg{width:18px;height:18px}
.iqe-branch h4{margin:0!important;font-size:15.5px!important;line-height:1.25!important;font-weight:800;letter-spacing:-.01em}
.iqe-branch h3{margin:0!important;font-size:15.5px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.01em!important}
.iqe-branch p{margin:0!important;font-size:13px;line-height:1.45;color:var(--e-soft)}
.iqe-branch .iqe-where{margin-top:auto;padding-top:8px;border-top:1px dashed rgba(11,18,32,.12);font-size:12.5px;font-weight:600;color:var(--e-deep);line-height:1.4}
.iqe-branch.is-hidden{background:#fff;border-color:rgba(47,107,255,.3);box-shadow:0 10px 24px rgba(47,107,255,.10)}
.iqe-branch.is-hidden .iqe-branch-ico{background:var(--e-signal);color:#fff;border-color:var(--e-signal)}
.iqe-badge{align-self:flex-start;padding:3px 8px;border-radius:999px;background:rgba(47,107,255,.1);color:var(--e-deep);font-size:10.5px;font-weight:800;letter-spacing:.02em}
@media (max-width:900px){
  .iqe-branches{grid-template-columns:repeat(2,1fr);gap:26px 12px}
  .iqe-branches::before{left:25%;right:25%}
  .iqe-branch:nth-child(n+3)::before{display:none}
}
@media (max-width:560px){
  .iqe-root{margin-bottom:18px}.iqe-root::after{display:none}
  .iqe-branches{grid-template-columns:1fr;gap:10px;padding-top:0;padding-left:18px}
  .iqe-branches::before{top:0;bottom:22px;left:0;right:auto;width:2px;height:auto}
  .iqe-branch::before,.iqe-branch:nth-child(n+3)::before{display:block;left:-18px;top:26px;width:18px;height:2px}
}

/* 3. checklist */
.iqe-check{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:8px}
.iqe-check li{margin:0!important;padding:0!important}
.iqe-check li::marker{content:none}
.iqe-check label{display:grid;grid-template-columns:auto auto 1fr;align-items:start;gap:12px;padding:12px 14px;border-radius:14px;background:var(--e-mock);border:1px solid rgba(11,18,32,.05);cursor:pointer;transition:background .15s,border-color .15s}
.iqe-check input{position:absolute;opacity:0;pointer-events:none}
.iqe-box{width:22px;height:22px;margin-top:1px;border-radius:7px;border:2px solid rgba(11,18,32,.22);background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.iqe-box svg{width:14px;height:14px;color:#fff;opacity:0}
.iqe-check input:checked + label{background:#F2FBF3;border-color:rgba(47,190,74,.3)}
.iqe-check input:checked + label .iqe-box{background:var(--e-lime);border-color:var(--e-lime)}
.iqe-check input:checked + label .iqe-box svg{opacity:1}
.iqe-check input:focus-visible + label{outline:2px solid var(--e-signal);outline-offset:2px}
.iqe-day{min-width:62px;padding:3px 8px;border-radius:999px;background:#fff;border:1px solid var(--e-line);font-size:11.5px;font-weight:800;color:var(--e-deep);text-align:center;white-space:nowrap;margin-top:1px}
.iqe-check-t{font-size:15px;line-height:1.45;color:var(--e-ink)}
.iqe-check-t b{display:block;font-weight:700}
.iqe-check-t span{display:block;font-size:13.5px;color:var(--e-soft)}
@media (max-width:560px){.iqe-check label{grid-template-columns:auto 1fr;gap:6px 10px}.iqe-day{grid-column:2;justify-self:start;order:-1}.iqe-box{grid-row:1 / span 2}}

/* table */
.iqe-table{margin:1.6em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}
.iqstat-entry .iqe-table table{margin:0;min-width:640px}
.iqstat-entry .iqe-table td:first-child{font-weight:600;color:var(--e-ink)}
.iqe-scroll-hint{display:none;margin:-1em 0 1.4em;font-size:13px;color:var(--e-muted)}
@media (max-width:700px){.iqe-scroll-hint{display:block}}

/* 4. call summary card (as on the main page) */
.iqe-call{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}
.iqe-mock{background:var(--e-mock);border:1px solid rgba(11,18,32,.05);border-radius:var(--e-r-sm);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.iqe-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.iqe-who{font-size:13px;font-weight:800;color:var(--e-ink);line-height:1.2}
.iqe-when{font-size:11.5px;font-weight:600;color:var(--e-soft)}
.iqe-pill{flex:none;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.iqe-pill.loss{background:var(--e-red-bg);color:var(--e-red)}
.iqe-pill.ok{background:rgba(124,255,107,.22);color:var(--e-green)}
.iqe-pill.gray{background:rgba(11,18,32,.06);color:var(--e-soft)}
.iqe-chat{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid rgba(11,18,32,.06);border-radius:14px;padding:10px 10px 12px}
.iqe-chat-lbl{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--e-soft);margin-bottom:2px}
.iqe-msg{display:flex}
.iqe-msg.m{justify-content:flex-end}
.iqe-msg-b{max-width:84%;padding:6px 11px 7px;border-radius:15px;font-size:13px;font-weight:500;line-height:1.38;color:var(--e-ink)}
.iqe-msg.c .iqe-msg-b{background:#F1F3F7;border-bottom-left-radius:5px}
.iqe-msg.m .iqe-msg-b{background:#E2ECFF;border-bottom-right-radius:5px}
.iqe-msg-h{display:flex;align-items:baseline;gap:7px;font-size:10px;font-weight:800;letter-spacing:.02em;margin-bottom:1px}
.iqe-msg.c .iqe-msg-h b{color:var(--e-soft)}
.iqe-msg.m .iqe-msg-h{justify-content:flex-end}
.iqe-msg.m .iqe-msg-h b{color:var(--e-deep)}
.iqe-msg-h time{font-weight:600;color:var(--e-muted);font-variant-numeric:tabular-nums}
.iqe-flag{position:relative;display:flex;flex-direction:column;gap:6px;margin:0 -5px 12px;padding:5px;border-radius:14px;border:1.5px dashed rgba(255,77,79,.6);background:rgba(255,77,79,.05)}
.iqe-flag .iqe-msg.c .iqe-msg-b{background:#FFF1F1;box-shadow:inset 0 0 0 1.5px rgba(255,77,79,.4)}
.iqe-flag .iqe-msg.m .iqe-msg-b{background:#FFE4E4}
.iqe-flag .iqe-msg-h b{color:var(--e-red)!important}
.iqe-flag-tag{position:absolute;right:10px;bottom:-11px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;color:#fff;background:#E5484D;padding:3px 9px 3px 7px;border-radius:999px;box-shadow:0 4px 12px rgba(229,72,77,.3);white-space:nowrap}
.iqe-flag-tag svg{width:12px;height:12px}
.iqe-tags{display:flex;flex-wrap:wrap;gap:6px}
.iqe-tag{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid transparent}
.iqe-tag.t-red{background:var(--e-red-bg);border-color:rgba(255,77,79,.28);color:var(--e-red)}
.iqe-tag.t-gray{background:rgba(11,18,32,.05);border-color:rgba(11,18,32,.1);color:var(--e-soft)}
.iqe-tag.t-blue{background:rgba(47,107,255,.08);border-color:rgba(47,107,255,.22);color:var(--e-deep)}
.iqe-sum{background:#fff;border:1px solid rgba(11,18,32,.06);border-radius:14px;padding:10px 12px}
.iqe-sum-l{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--e-soft);margin-bottom:4px}
.iqe-sum-t{font-size:13.5px;font-weight:500;line-height:1.45;color:var(--e-ink)}
.iqe-risk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#FFF6F6;border:1px solid rgba(255,77,79,.22)}
.iqe-risk-dot{flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.15)}
.iqe-risk .iqe-sum-t b{color:var(--e-red)}
.iqe-reco{font-size:13px;font-weight:600;line-height:1.45;color:var(--e-deep);background:rgba(47,107,255,.07);border-radius:12px;padding:9px 12px}
.iqe-vs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.iqe-vs div{padding:9px 11px;border-radius:12px;background:#fff;border:1px solid rgba(11,18,32,.06);font-size:12.5px;line-height:1.4;color:var(--e-ink)}
.iqe-vs b{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--e-muted);margin-bottom:2px}
.iqe-next{display:inline-block;max-width:100%;font-size:12px;font-weight:700;color:var(--e-warn);background:var(--e-warn-bg);border-radius:999px;padding:4px 10px}
.iqe-next::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#FFB020;margin-right:6px;vertical-align:1px}
@media (max-width:760px){.iqe-call{grid-template-columns:1fr}}
@media (max-width:400px){.iqe-vs{grid-template-columns:1fr}}

/* 5. flow: call -> summary -> CRM */
.iqe-flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:stretch}
.iqe-node{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--e-r-sm);background:var(--e-mock);border:1px solid rgba(11,18,32,.06);min-width:0}
.iqe-node.is-main{background:#fff;border-color:rgba(47,107,255,.3);box-shadow:0 12px 28px rgba(47,107,255,.10)}
.iqe-node-h{display:flex;align-items:center;gap:10px}
.iqe-node-h .iqe-branch-ico{width:32px;height:32px;flex:none}
.iqe-node.is-main .iqe-branch-ico{background:var(--e-signal);color:#fff;border-color:var(--e-signal)}
.iqe-node-h strong{font-size:14.5px;font-weight:800;line-height:1.2;color:var(--e-ink)}
.iqe-node-h small{display:block;font-size:11.5px;font-weight:600;color:var(--e-soft)}
.iqe-node p{margin:0!important;font-size:13px;line-height:1.45;color:var(--e-soft)}
.iqe-wave{display:flex;align-items:center;justify-content:space-between;gap:3px;height:34px;padding:0 10px;border-radius:12px;background:#fff;border:1px solid rgba(11,18,32,.06)}
.iqe-wave i{flex:1;max-width:6px;border-radius:2px;background:linear-gradient(180deg,#5B9DFF,#2F6BFF);height:var(--h,50%);opacity:.85}
.iqe-lines{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:#fff;border:1px solid rgba(11,18,32,.06)}
.iqe-lines i{display:block;height:7px;border-radius:4px;background:#E7EAF0}
.iqe-lines i:nth-child(2){width:86%}.iqe-lines i:nth-child(3){width:64%}
.iqe-field{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:10px;background:#fff;border:1px solid rgba(11,18,32,.06);font-size:12px;line-height:1.3;color:var(--e-soft)}
.iqe-field b{color:var(--e-ink);font-weight:700;text-align:right}
.iqe-arrow{display:flex;align-items:center;justify-content:center;color:var(--e-signal)}
.iqe-arrow svg{width:22px;height:22px}
@media (max-width:760px){
  .iqe-flow{grid-template-columns:1fr;grid-template-rows:auto}
  .iqe-arrow{height:30px}
  .iqe-arrow svg{transform:rotate(90deg)}
}

/* key takeaways + CTA */
.iqe-sumup{margin:1.2em 0 1.6em;padding:22px 24px;border-radius:var(--e-r);background:#fff;border:1px solid var(--e-line);box-shadow:var(--e-shadow)}
.iqstat-entry .iqe-sumup ul{margin:0;padding-left:1.2em}
.iqstat-entry .iqe-sumup li{margin-bottom:.5em;font-size:16.5px;line-height:1.55}
.iqstat-entry .iqe-sumup li:last-child{margin-bottom:0}
.iqe-cta{position:relative;overflow:hidden;margin:2.4em 0 0;padding:32px;border-radius:28px;background:var(--e-ink);color:#fff;box-shadow:0 22px 48px rgba(11,18,32,.18)}
.iqe-cta::after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(47,107,255,.55),rgba(47,107,255,0) 70%);pointer-events:none}
.iqstat-entry .iqe-cta h2{position:relative;z-index:1;margin:0 0 10px;color:#fff;font-size:clamp(22px,2.6vw,28px)}
.iqstat-entry .iqe-cta p{position:relative;z-index:1;margin:0 0 20px;max-width:520px;font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.iqstat-entry .iqe-cta a.iqe-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;background:#fff;color:var(--e-ink);font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.25);transition:transform .15s}
.iqstat-entry .iqe-cta a.iqe-cta-btn:hover{transform:translateY(-1px);color:var(--e-ink)}
.iqe-cta-note{position:relative;z-index:1;display:block;margin-top:14px;font-size:13px;color:rgba(255,255,255,.6)}
@media (max-width:560px){.iqe-cta{padding:24px 20px;border-radius:24px}.iqstat-entry .iqe-cta a.iqe-cta-btn{width:100%;justify-content:center;box-sizing:border-box}}

/* example box label */
.iqe-example{margin:1.6em 0;padding:18px 22px;border-radius:var(--e-r-sm);background:#fff;border:1px solid var(--e-line);box-shadow:var(--e-shadow)}
.iqe-example > .iqe-kick{margin-bottom:8px}
.iqstat-entry .iqe-example p:last-child{margin-bottom:0}
.iqstat-entry .iqe-example ol{margin-bottom:.6em}

/* FAQ spacing inside entry */
.iqstat-entry .iqstat-faq-item p{margin:0}

/* table -> stacked cards on phones */
@media (max-width:700px){
  .iqstat-entry .iqe-table table{min-width:0;display:block;background:none;border:0;box-shadow:none}
  .iqstat-entry .iqe-table thead{display:none}
  .iqstat-entry .iqe-table tbody{display:flex;flex-direction:column;gap:10px}
  .iqstat-entry .iqe-table tr{display:block;padding:14px 16px;background:#fff;border:1px solid var(--e-line);border-radius:16px;box-shadow:var(--e-shadow)}
  .iqstat-entry .iqe-table td{display:block;padding:0;border:0!important;font-size:14.5px}
  .iqstat-entry .iqe-table td + td{margin-top:10px}
  .iqstat-entry .iqe-table td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--e-muted)}
  .iqstat-entry .iqe-table td:first-child{font-size:15.5px;font-weight:700}
  .iqstat-entry .iqe-table td:first-child::before{color:var(--e-deep)}
  .iqstat-entry .iqe-table td:last-child{padding:9px 11px;border-radius:12px;background:rgba(47,107,255,.06)}
}
/* chart: keep a readable height on phones */
.iqe-chart svg path,.iqe-chart svg line,.iqe-chart svg rect{vector-effect:non-scaling-stroke}
.iqe-chart svg{aspect-ratio:680/240;height:auto}
@media (max-width:560px){.iqe-chart svg{aspect-ratio:auto;height:170px}.iqe-chart .iqe-dot{display:none}}
@media (max-width:560px){.iqe-byline .dot{display:none}.iqe-byline{gap:6px 10px}}
.iqe-node-h > div{line-height:1.25}
.iqe-field b{white-space:nowrap}