/* Interactive article figures: figure.ixf[data-ixf]. Loaded only on pages that contain them. */
.ixf{
  --ixf-blue:var(--blue,#3E55F9);--ixf-blueS:var(--blueS,#EEF1FF);--ixf-green:var(--green,#2BAE82);--ixf-greenS:var(--greenS,#E6F7F0);
  --ixf-amber:#C98500;--ixf-amberS:#FFF5DC;--ixf-red:#D93F4C;--ixf-redS:#FDECEE;--ixf-ink:var(--ink,#0A0B10);--ixf-ink2:var(--ink2,#2F333D);
  --ixf-ink3:var(--ink3,#5C6271);--ixf-ink4:var(--ink4,#8C92A1);--ixf-line:var(--line2,rgba(10,11,16,.13));--ixf-sf2:var(--sf2,#F4F5F8);
  --ixf-night:var(--night2,#0E1017);--ixf-mono:var(--fm,ui-monospace,Consolas,monospace);
  margin:var(--article-space-lg,44px) 0;padding:clamp(18px,3vw,28px);border:1px solid var(--ixf-line);border-radius:22px;
  background:linear-gradient(180deg,#FBFCFE,#F4F6FA);color:var(--ixf-ink2);font-size:15px;line-height:1.5;
}
.page-content .ixf :where(p,ul,ol,li,dl,dd){margin:0}
.page-content .ixf :where(ul,ol,dd){padding:0}
.page-content .ixf ul,.page-content .ixf ol{list-style:none}
.page-content .ixf li::marker{content:none}
.ixf b{color:var(--ixf-ink);font-weight:600}
.ixf i{font-style:normal}
.ixf__head{margin-bottom:16px}
.ixf__kicker{display:inline-block;margin-bottom:8px;color:var(--ixf-blue);font-family:var(--ixf-mono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.page-content .ixf .ixf__title{color:var(--ixf-ink);font-size:clamp(1.12rem,1.5vw,1.28rem);font-weight:650;line-height:1.3;letter-spacing:-.015em;text-wrap:balance}
.page-content .ixf .ixf__hint{margin-top:6px;color:var(--ixf-ink3);font-size:14.5px}
.page-content .ixf figcaption{margin-top:16px;color:var(--ixf-ink3);font-size:13.5px;line-height:1.5;text-align:left}
.ixf__controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.ixf-btn{appearance:none;border:1px solid var(--ixf-line);border-radius:999px;background:#fff;color:var(--ixf-ink2);font:inherit;font-size:14px;font-weight:550;line-height:1.2;padding:9px 15px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease,ease)}
.ixf-btn:hover{border-color:var(--ixf-blue);color:var(--ixf-blue)}
.ixf-btn.is-on{background:var(--ixf-blue);border-color:var(--ixf-blue);color:#fff}
.ixf-btn--ghost,.ixf-btn--ghost.is-on{background:transparent;color:var(--ixf-ink3);border-color:var(--ixf-line)}
.ixf-btn:disabled{opacity:.45;cursor:default;pointer-events:none}
.ixf-btn:focus-visible,.ixf button:focus-visible,.ixf input:focus-visible{outline:2px solid var(--ixf-blue);outline-offset:2px}
.ixf-mark{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;margin-right:9px;border-radius:50%;font-size:11px;font-weight:700;line-height:1;background:var(--ixf-blueS);color:var(--ixf-blue)}
.is-ok>.ixf-mark{background:var(--ixf-greenS);color:var(--ixf-green)}
.is-deny>.ixf-mark{background:var(--ixf-redS);color:var(--ixf-red)}
.is-warn>.ixf-mark{background:var(--ixf-amberS);color:var(--ixf-amber)}
.ixf-log li,.ixi-steps li{display:flex;align-items:flex-start;animation:ixf-in .45s var(--ease,ease) both}
@keyframes ixf-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ixf-pulse{0%{box-shadow:0 0 0 0 rgba(62,85,249,.25)}100%{box-shadow:0 0 0 10px rgba(62,85,249,0)}}

/* 1. Architecture */
.ixa{display:grid;gap:0}
.ixa-node,.ixa-layer{position:relative;padding:13px 15px;border:1px solid var(--ixf-line);border-radius:14px;background:#fff;transition:border-color .3s,box-shadow .3s,background .3s}
.ixa-node b,.ixa-layer b{display:block;font-size:14.5px;line-height:1.3}
.ixa-node span,.ixa-layer>span{display:block;margin-top:3px;color:var(--ixf-ink3);font-size:13px;line-height:1.4}
.ixa-node--users{text-align:center}
.ixa-layer{padding:15px 16px;border:0;background:var(--ixf-night);color:#fff;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ixa-layer b{color:#fff}
.ixa-layer>span{color:rgba(243,245,249,.66)}
.ixa-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:11px}
.ixa-chips i{padding:5px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(243,245,249,.82);font-family:var(--ixf-mono);font-size:12px;transition:background .3s,border-color .3s,color .3s}
.ixa-chips i.is-hit{border-color:var(--green2,#4FE0A8);background:rgba(43,174,130,.2);color:#fff}
.ixa-chips i.is-deny{border-color:#FF7A85;background:rgba(217,63,76,.28)}
.ixa-chips i.is-now{box-shadow:0 0 0 3px rgba(79,224,168,.25)}
.ixa-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ixa-col{display:flex;flex-direction:column}
.ixa-col>.ixa-node{flex:none}
.ixa-node--ai{border-color:rgba(62,85,249,.35);background:var(--ixf-blueS)}
.ixa-node.is-hit{border-color:var(--ixf-green);box-shadow:0 0 0 3px rgba(43,174,130,.14)}
.ixa-node.is-deny{border-color:var(--ixf-red);box-shadow:0 0 0 3px rgba(217,63,76,.14);background:var(--ixf-redS)}
.ixa-node.is-now{animation:ixf-pulse .9s ease-out}
.ixa-link{position:relative;height:26px;margin:0 auto;width:2px;background:repeating-linear-gradient(180deg,var(--ixf-line) 0 4px,transparent 4px 8px);overflow:hidden}
.ixa-link::after{content:"";position:absolute;left:-2px;top:-8px;width:6px;height:8px;border-radius:3px;background:var(--ixf-green);opacity:0}
.ixa-link.is-on{background:repeating-linear-gradient(180deg,var(--ixf-green) 0 4px,transparent 4px 8px)}
.ixa-link.is-on::after{opacity:1;animation:ixa-run 1.4s linear infinite}
@keyframes ixa-run{from{top:-8px}to{top:100%}}
.page-content .ixf .ixa-note{margin-top:12px;padding:9px 12px;border-left:3px solid var(--ixf-blue);border-radius:0 10px 10px 0;background:var(--ixf-blueS);color:var(--ixf-ink2);font-size:13.5px}
.ixf-log{display:grid;gap:7px;min-height:3em;margin-top:14px !important;padding:14px !important;border-radius:14px;background:#fff;border:1px solid var(--ixf-line);font-size:14px}

/* 2. Deployment */
.ixd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ixd-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--ixf-line);border-radius:16px;background:#fff;transition:border-color .3s}
.page-content .ixf .ixd-name{color:var(--ixf-ink);font-weight:650;font-size:15px}
.ixd-scheme{display:flex;flex-direction:column;align-items:stretch;gap:0}
.ixd-perim,.ixd-ext{position:relative;display:flex;flex-wrap:wrap;gap:6px;padding:22px 10px 10px;border:1.5px dashed rgba(62,85,249,.45);border-radius:12px;background:rgba(238,241,255,.5)}
.ixd-ext{border-color:var(--ixf-line);background:var(--ixf-sf2)}
.ixd-perim__label{position:absolute;top:5px;left:10px;color:var(--ixf-ink4);font-family:var(--ixf-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}
.ixd-chip{padding:4px 9px;border-radius:8px;background:#fff;border:1px solid var(--ixf-line);font-size:12.5px;font-weight:550;color:var(--ixf-ink2)}
.ixd-chip--data{border-color:rgba(43,174,130,.5);background:var(--ixf-greenS)}
.ixd-chip--model{border-color:rgba(62,85,249,.4);background:var(--ixf-blueS)}
.ixd-flow{position:relative;align-self:center;width:2px;height:22px;background:repeating-linear-gradient(180deg,var(--ixf-ink4) 0 4px,transparent 4px 8px)}
.ixd-flow::after{content:"";position:absolute;left:-3px;bottom:-2px;border:4px solid transparent;border-top:6px solid var(--ixf-ink4)}
.ixd-flow--thin{opacity:.55}
.page-content .ixf .ixd-verdict{flex:1;padding:11px 12px;border-radius:12px;background:var(--ixf-sf2);font-size:13.5px;line-height:1.45}
.ixd-badge{display:block;margin-bottom:4px;font-family:var(--ixf-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.ixd-card[data-state="ok"]{border-color:rgba(43,174,130,.45)}.ixd-card[data-state="ok"] .ixd-verdict{background:var(--ixf-greenS)}.ixd-card[data-state="ok"] .ixd-badge{color:var(--ixf-green)}
.ixd-card[data-state="warn"]{border-color:rgba(201,133,0,.45)}.ixd-card[data-state="warn"] .ixd-verdict{background:var(--ixf-amberS)}.ixd-card[data-state="warn"] .ixd-badge{color:var(--ixf-amber)}
.ixd-card[data-state="risk"]{border-color:rgba(217,63,76,.45)}.ixd-card[data-state="risk"] .ixd-verdict{background:var(--ixf-redS)}.ixd-card[data-state="risk"] .ixd-badge{color:var(--ixf-red)}
.ixd-card[data-state="info"] .ixd-badge{color:var(--ixf-blue)}
.ixd-card[data-state="warn"] .ixd-flow,.ixd-card[data-state="risk"] .ixd-flow{background:repeating-linear-gradient(180deg,var(--ixf-amber) 0 4px,transparent 4px 8px)}
.ixd-card.is-pulse .ixd-verdict{animation:ixf-in .4s var(--ease,ease) both}

/* 3. RAG */
.ixr-query{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:14px;background:var(--ixf-night);color:#fff}
.ixr-query span{flex:none;color:var(--green2,#4FE0A8);font-family:var(--ixf-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.page-content .ixf .ixr-query p{color:#fff;font-weight:500}
.ixr-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}
.page-content .ixf .ixr-label{margin-bottom:8px;color:var(--ixf-ink4);font-family:var(--ixf-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.ixr-label em{font-style:normal;color:var(--ixf-ink4);opacity:.8}
.ixr-docs{display:grid;gap:7px}
.ixr-docs li{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:9px 12px 9px 10px;border:1px solid var(--ixf-line);border-radius:12px;background:#fff;transition:opacity .3s,border-color .3s,background .3s}
.ixr-docs li::before{content:"";grid-row:1/4;width:4px;border-radius:4px;background:var(--ixf-ink4)}
.ixr-docs b{font-size:13.5px;line-height:1.35}
.ixr-docs small{color:var(--ixf-ink3);font-size:12px}
.ixr-status{margin-top:4px;font-size:12.5px;font-weight:600}
.ixr-docs li[data-state="ok"]::before{background:var(--ixf-green)}.ixr-docs li[data-state="ok"] .ixr-status{color:var(--ixf-green)}
.ixr-docs li[data-state="deny"]{background:var(--ixf-sf2);opacity:.78}.ixr-docs li[data-state="deny"]::before{background:var(--ixf-red)}.ixr-docs li[data-state="deny"] .ixr-status{color:var(--ixf-red)}
.ixr-docs li[data-state="deny"] b{text-decoration:line-through;text-decoration-color:rgba(217,63,76,.5)}
.ixr-docs li[data-state="skip"]{background:var(--ixf-sf2);opacity:.78}.ixr-docs li[data-state="skip"] .ixr-status{color:var(--ixf-ink3)}
.ixr-docs li[data-state="warn"]::before{background:var(--ixf-amber)}.ixr-docs li[data-state="warn"] .ixr-status{color:var(--ixf-amber)}
.ixr-answer{padding:14px;border:1px solid rgba(62,85,249,.3);border-radius:14px;background:#fff;font-size:14px;line-height:1.55}
.ixr-answer.is-pulse{animation:ixf-in .45s var(--ease,ease) both}
.ixr-cite{display:inline-block;padding:0 5px;border-radius:6px;background:var(--ixf-blueS);color:var(--ixf-blue);font-family:var(--ixf-mono);font-size:12px;font-weight:600}
.page-content .ixf .ixr-count{margin-top:10px;color:var(--ixf-ink3);font-size:13px}

/* 4. AI suggests, process system executes */
.page-content .ixf .ixb-legend{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px;font-size:13px;color:var(--ixf-ink3)}
.ixb-key::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}
.ixb-key--ai::before{background:var(--ixf-blue)}
.ixb-key--sys::before{background:var(--ixf-night)}
.ixb-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:8px;row-gap:6px}
.ixb-stage{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:6px}
.page-content .ixf .ixb-ai,.page-content .ixf .ixb-sys{flex:1;padding:9px 10px;border-radius:11px;font-size:12.5px;line-height:1.4;transition:opacity .3s,background .3s}
.page-content .ixf .ixb-ai{background:var(--ixf-blueS);color:var(--ixf-ink2);opacity:.55}
.page-content .ixf .ixb-sys{background:#E8EAF0;color:var(--ixf-ink3);opacity:.55}
.page-content .ixf .ixb-state{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 10px;border:1.5px solid var(--ixf-line);border-radius:11px;background:#fff;color:var(--ixf-ink);font-size:13px;font-weight:600;line-height:1.25;transition:border-color .3s,background .3s}
.ixb-state span{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--ixf-sf2);color:var(--ixf-ink3);font-family:var(--ixf-mono);font-size:11px}
.ixb-stage.is-now .ixb-ai{opacity:1}
.ixb-stage.is-now .ixb-state{border-color:var(--ixf-blue);animation:ixf-pulse 1s ease-out}
.ixb-stage.is-now .ixb-state span{background:var(--ixf-blue);color:#fff}
.page-content .ixf .ixb-stage.is-done .ixb-sys{opacity:1;background:var(--ixf-night);color:#fff}
.ixb-stage.is-done .ixb-ai{opacity:.85}
.ixb-stage.is-done .ixb-state{border-color:var(--ixf-green);background:var(--ixf-greenS)}
.ixb-stage.is-done .ixb-state span{background:var(--ixf-green);color:#fff}
.ixb-stage.is-deny .ixb-state{border-color:var(--ixf-red);background:var(--ixf-redS)}
.page-content .ixf .ixb-stage.is-deny .ixb-sys{opacity:1;background:var(--ixf-red);color:#fff}
.page-content .ixf .ixb-status{display:flex;align-items:flex-start;min-height:2.6em;padding:11px 13px;border-radius:12px;background:#fff;border:1px solid var(--ixf-line);font-size:14px}
.ixb-status.is-deny{border-color:rgba(217,63,76,.45);background:var(--ixf-redS)}
.ixb-status.is-ok{border-color:rgba(43,174,130,.45);background:var(--ixf-greenS)}

/* 5. Contract card */
.ixc-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:14px !important}
.ixc-steps button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;height:100%;padding:9px 10px;border:1.5px solid var(--ixf-line);border-radius:12px;background:#fff;color:var(--ixf-ink);font:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .25s,background .25s}
.ixc-steps button span{color:var(--ixf-ink4);font-family:var(--ixf-mono);font-size:11px}
.ixc-steps button small{color:var(--ixf-ink3);font-size:11.5px;font-weight:500}
.ixc-steps button:hover{border-color:var(--ixf-blue)}
.ixc-steps button.is-done{border-color:rgba(43,174,130,.55);background:var(--ixf-greenS)}
.ixc-steps button.is-on{border-color:var(--ixf-blue);background:var(--ixf-blueS)}
.ixc-steps button.is-on span{color:var(--ixf-blue)}
.ixc-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.ixc-doc{padding:14px;border:1px solid var(--ixf-line);border-radius:14px;background:#fff;box-shadow:0 10px 30px -18px rgba(10,11,16,.25)}
.page-content .ixf .ixc-doc__title{margin-bottom:8px;padding-bottom:9px;border-bottom:1px solid var(--ixf-line);color:var(--ixf-ink);font-weight:650}
.ixc-fields{display:grid;gap:0}
.ixc-fields>div{display:grid;grid-template-columns:118px 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed var(--ixf-line);font-size:13.5px}
.ixc-fields>div:last-child{border-bottom:0}
.ixc-fields dt{color:var(--ixf-ink3)}
.ixc-fields dd{color:var(--ixf-ink);font-weight:550}
.ixc-fields dd span{display:inline-block;margin-left:7px;padding:1px 6px;border-radius:6px;background:var(--ixf-sf2);color:var(--ixf-ink3);font-family:var(--ixf-mono);font-size:10.5px;font-weight:500;vertical-align:1px}
.ixc-fields>div.is-fresh{animation:ixf-in .45s var(--ease,ease) both}
.ixc-fields>div.is-fresh dd{color:var(--ixf-blue)}
.ixc-empty{display:block !important;color:var(--ixf-ink3)}
.ixc-empty dt{color:var(--ixf-ink2) !important;font-weight:600}
.ixc-audit{display:grid;gap:7px;font-size:13px;line-height:1.45}
.ixc-audit li{padding:8px 10px;border-left:3px solid var(--ixf-line);border-radius:0 10px 10px 0;background:#fff}
.ixc-audit li b{display:block;font-family:var(--ixf-mono);font-size:11px;font-weight:600;color:var(--ixf-ink3);text-transform:uppercase;letter-spacing:.05em}
.ixc-audit li.is-fresh{border-left-color:var(--ixf-blue);animation:ixf-in .45s var(--ease,ease) both}

/* 6. Agent autonomy */
.ixk-policy{display:grid;grid-template-columns:1fr minmax(140px,220px) auto;align-items:center;gap:14px;margin-bottom:14px;padding:12px 14px;border-radius:14px;background:var(--ixf-night);color:#fff}
.ixk-policy label{font-size:14px;color:rgba(243,245,249,.86)}
.ixk-policy input{width:100%;accent-color:var(--green2,#4FE0A8)}
.ixk-policy output{min-width:86px;padding:4px 10px;border-radius:999px;background:rgba(79,224,168,.16);color:var(--green2,#4FE0A8);font-family:var(--ixf-mono);font-size:12.5px;font-weight:600;text-align:center}
.ixk-list{display:grid;gap:6px}
.ixk-list li{display:grid;grid-template-columns:minmax(0,1fr) 128px 230px;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--ixf-line);border-radius:12px;background:#fff;font-size:13.5px}
.ixk-list b{font-weight:550;line-height:1.35}
.ixk-risk{color:var(--ixf-ink3);font-size:12.5px}
.ixk-mode{padding:5px 10px;border-radius:8px;font-size:12.5px;font-weight:600;text-align:center;transition:background .3s,color .3s}
.ixk-list li[data-state="ok"] .ixk-mode{background:var(--ixf-greenS);color:var(--ixf-green)}
.ixk-list li[data-state="warn"] .ixk-mode{background:var(--ixf-amberS);color:var(--ixf-amber)}
.ixk-list li[data-state="high"] .ixk-mode{background:#FFE9D6;color:#B4540A}
.ixk-list li[data-state="deny"] .ixk-mode{background:var(--ixf-redS);color:var(--ixf-red)}
.page-content .ixf .ixk-always{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12.5px}
.ixk-always span{margin-right:4px;color:var(--ixf-ink3);font-weight:600}
.ixk-always i{padding:4px 9px;border-radius:999px;background:var(--ixf-blueS);color:var(--ixf-blue);font-weight:550}

/* 7. Prompt injection */
.ixi-doc{padding:14px 16px;border:1px solid var(--ixf-line);border-radius:14px;background:#fff;font-size:14px}
.page-content .ixf .ixi-doc__name{margin-bottom:6px;color:var(--ixf-ink4);font-family:var(--ixf-mono);font-size:11.5px;letter-spacing:.04em}
.page-content .ixf .ixi-doc__hidden{margin-top:8px;padding:8px 10px;border:1px dashed rgba(217,63,76,.5);border-radius:10px;background:var(--ixf-redS);color:#8C2630;font-size:13.5px}
.ixi-doc__hidden span{display:block;margin-bottom:2px;font-family:var(--ixf-mono);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ixf-red)}
.ixi-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ixi-col{padding:14px;border-radius:14px;border:1px solid var(--ixf-line);background:#fff;min-height:220px}
.ixi-col--bad{border-top:3px solid var(--ixf-red)}
.ixi-col--good{border-top:3px solid var(--ixf-green)}
.page-content .ixf .ixi-col__title{margin-bottom:10px;color:var(--ixf-ink);font-weight:650}
.ixi-steps{display:grid;gap:8px;font-size:13.5px}

/* 8. Calculator */
.ixm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.ixm-inputs{display:grid;gap:12px}
.ixm-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;font-size:13.5px;color:var(--ixf-ink2)}
.ixm-field input{grid-column:1/-1;width:100%;accent-color:var(--ixf-blue)}
.ixm-field span{grid-column:1;grid-row:1}
.ixm-field output{grid-column:2;grid-row:1;color:var(--ixf-ink);font-family:var(--ixf-mono);font-size:13px;font-weight:600}
.ixm-result{padding:16px;border-radius:16px;background:var(--ixf-night);color:#fff}
.ixm-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.page-content .ixf .ixm-kpis p{padding:10px;border-radius:11px;background:rgba(255,255,255,.06)}
.ixm-kpis span{display:block;color:rgba(243,245,249,.6);font-size:12px}
.ixm-kpis b{display:block;margin-top:2px;color:#fff;font-size:16px;font-weight:650;line-height:1.25}
.page-content .ixf .ixm-kpi--accent{background:rgba(43,174,130,.22)}
.ixm-kpi--accent b{color:var(--green2,#4FE0A8)}
.ixm-kpis b small{display:block;color:rgba(243,245,249,.66);font-size:12px;font-weight:500}
.ixm-bar{display:flex;height:14px;margin-top:16px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.ixm-bar i{display:block;height:100%;transition:width .35s var(--ease,ease)}
.ixm-bar__check{background:#8C9DFF}
.ixm-bar__fix{background:#F0A10B}
.ixm-bar__saved{background:var(--green2,#4FE0A8)}
.page-content .ixf .ixm-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;color:rgba(243,245,249,.7)}
.ixm-l::before{content:"";display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:2px;vertical-align:-1px}
.ixm-l--check::before{background:#8C9DFF}.ixm-l--fix::before{background:#F0A10B}.ixm-l--saved::before{background:var(--green2,#4FE0A8)}
.page-content .ixf .ixm-note{margin-top:12px;color:rgba(243,245,249,.82);font-size:13px}
.ixf-calc.is-loss .ixm-note{color:#FFB3BA}

/* The article sidebar can leave a narrow figure even on desktop. */
.page-content .ixf {
  container: article-figure / inline-size;
  overflow-wrap: anywhere;
}
@container article-figure (max-width: 680px){
  .ixa-row,.ixd-grid,.ixr-grid,.ixc-body,.ixi-cols,.ixm-grid{grid-template-columns:1fr}
  .ixa-row{gap:0}
  .ixb-track{grid-template-columns:1fr;gap:6px}
  .ixb-track{grid-template-rows:none;row-gap:14px}
  .page-content .ixf .ixb-state{flex-direction:row;align-items:center}
  .ixb-stage{grid-row:auto;grid-template-rows:none;gap:4px}
  .page-content .ixf .ixb-state{min-height:0}
  .ixc-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ixc-steps button{padding:8px 9px;font-size:12.5px}
  .ixc-fields>div{grid-template-columns:1fr;gap:1px}
  .ixc-fields dt{font-size:12px}
  .ixm-kpis{grid-template-columns:1fr}
  .page-content .ixf .ixm-kpis p{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
  .ixm-kpis b{text-align:right}
  .ixk-policy{grid-template-columns:1fr auto}
  .ixk-policy input{grid-column:1/-1;grid-row:2}
  .ixk-list li{grid-template-columns:1fr auto;gap:6px 10px}
  .ixk-mode{grid-column:1/-1;text-align:left}
  .ixi-col{min-height:0}
  .ixm-kpis b{font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){
  .ixf *,.ixf *::before,.ixf *::after{animation:none !important;transition:none !important}
}