.workflow-controls{grid-template-columns:repeat(4,1fr)}
.flagship-stage{display:grid;grid-template-rows:50px 1fr 50px}
.flagship-stage>header,.flagship-stage>footer{height:auto}
.flagship-stage>footer>span{display:block;max-width:72%;color:#657087}
.flagship-stage>footer>button{flex:none}

.flagship-sim-grid{display:grid;grid-template-columns:190px 1fr;min-height:0;padding:14px;gap:12px;background:#f6f7fb}
.flagship-sim-grid>aside,.flagship-sim-grid>section{min-height:0;border:1px solid #e5e9f1;border-radius:13px;background:#fff}
.flagship-sim-grid>aside{padding:12px}
.flagship-sim-grid>aside>small{display:block;margin-bottom:7px;color:var(--rz-blue);font-size:8px;letter-spacing:.11em}
.flagship-sim-grid>aside button{width:100%;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;padding:9px 7px;border:0;border-radius:8px;text-align:left;background:transparent;color:#778198;cursor:pointer}
.flagship-sim-grid>aside button+button{margin-top:3px}
.flagship-sim-grid>aside button.active{background:#eff1ff;color:var(--rz-ink)}
.flagship-sim-grid>aside button i{font-style:normal;font-size:8px}
.flagship-sim-grid>aside button span b,.flagship-sim-grid>aside button span em{display:block}
.flagship-sim-grid>aside button span b{font-size:10px}
.flagship-sim-grid>aside button span em{margin-top:3px;color:#8b94a7;font-size:8px;font-style:normal}
.flagship-sim-grid>aside button strong{color:var(--rz-green);font-size:9px}
.flagship-sim-grid>section{padding:15px}
.flagship-sim-grid>section>header{display:flex;align-items:start;justify-content:space-between}
.flagship-sim-grid>section>header small,.flagship-sim-grid>section>header b{display:block}
.flagship-sim-grid>section>header small{color:var(--rz-blue);font-size:8px;letter-spacing:.11em}
.flagship-sim-grid>section>header b{margin-top:5px;font-size:14px}
.flagship-sim-grid>section>header>span{padding:5px 7px;border-radius:10px;background:#edf8f4;color:#348d72;font-size:8px}
.flagship-sim-grid>section>p{margin:10px 0;color:#707a90;line-height:1.6}
.flagship-time{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}
.flagship-time:before{content:"";position:absolute;left:8%;right:8%;top:19px;border-top:1px dashed #bcc5ef}
.flagship-time article{position:relative;padding:9px;border:1px solid #e7eaf2;border-radius:10px;background:#fff}
.flagship-time article>i{position:relative;z-index:1;width:31px;height:22px;display:grid;place-items:center;border-radius:11px;background:#eef0ff;color:var(--rz-blue);font-size:7px;font-style:normal}
.flagship-time article span b,.flagship-time article span small{display:block}
.flagship-time article span b{margin:9px 0 4px;font-size:9px}
.flagship-time article span small{color:#858ea1;font-size:7px;line-height:1.45}
.flagship-arms{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}
.flagship-arms span{display:flex;align-items:center;gap:7px;padding:7px;border-radius:8px;background:#f7f8fc;color:#687289;font-size:8px}
.flagship-arms i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#6876e8;color:#fff;font-style:normal}

.flagship-ber-body{min-height:0;padding:13px;background:#f6f7fb}
.flagship-ber-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.flagship-ber-metrics article{padding:10px 11px;border:1px solid #e5e9f1;border-radius:10px;background:#fff}
.flagship-ber-metrics small,.flagship-ber-metrics strong,.flagship-ber-metrics span{display:block}
.flagship-ber-metrics small{color:#858ea2;font-size:7px}
.flagship-ber-metrics strong{margin:5px 0 2px;font-size:18px}
.flagship-ber-metrics span{color:#929aab;font-size:7px}
.flagship-ber-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8px;margin-top:8px}
.flagship-topic-list,.flagship-topic-detail{border:1px solid #e5e9f1;border-radius:11px;background:#fff}
.flagship-topic-list{padding:10px}
.flagship-topic-list>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid #edf0f5}
.flagship-topic-list>header b{font-size:10px}
.flagship-topic-list>header button{padding:5px 7px;border:1px solid #dfe4ed;border-radius:6px;background:#fff;color:#6975d6;font-size:7px;cursor:pointer}
.flagship-topic-list>header button.active{background:#eef0ff}
.flagship-topic-list>button{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 5px;border:0;border-bottom:1px solid #edf0f5;text-align:left;background:#fff;color:#6f7990;cursor:pointer}
.flagship-topic-list>button.active{margin:0 -4px;padding-left:9px;padding-right:9px;border-radius:7px;background:#f0f2ff;color:var(--rz-ink)}
.flagship-topic-list>button i{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#edf0ff;color:#5f6dd7;font-size:7px;font-style:normal}
.flagship-topic-list>button span b,.flagship-topic-list>button span small{display:block}
.flagship-topic-list>button span b{font-size:9px}
.flagship-topic-list>button span small{margin-top:3px;color:#8992a5;font-size:7px}
.flagship-topic-list>button em{font-style:normal;font-size:8px}
.flagship-topic-detail{padding:12px}
.flagship-topic-detail>small{color:var(--rz-blue);font-size:7px;letter-spacing:.1em}
.flagship-topic-detail h4{margin:7px 0;font-size:14px}
.flagship-topic-bars{height:72px;display:flex;align-items:end;gap:8px;padding:0 8px 7px;border-bottom:1px solid #dfe4ed;background:linear-gradient(#f0f2f7 1px,transparent 1px);background-size:100% 24px}
.flagship-topic-bars i{flex:1;height:var(--v);border-radius:4px 4px 1px 1px;background:linear-gradient(#8d76eb,#6272e6)}
.flagship-topic-detail p{min-height:48px;margin:9px 0;color:#6e7890;font-size:8px;line-height:1.55}
.flagship-topic-detail>div:not(.flagship-topic-bars){padding:8px;border-radius:7px;background:#f6f7fb}
.flagship-topic-detail>div span,.flagship-topic-detail>div b{display:block}
.flagship-topic-detail>div span{color:#8b94a7;font-size:7px}
.flagship-topic-detail>div b{margin-top:4px;font-size:8px}
.flagship-topic-detail>button{width:100%;margin-top:8px;padding:7px;border:1px solid #d8ddfb;border-radius:7px;background:#eef0ff;color:#5663c7;font-size:7px;cursor:pointer}

.flagship-figure-grid{display:grid;grid-template-columns:190px 1fr;min-height:0;padding:13px;gap:10px;background:#f6f7fb}
.flagship-figure-grid>aside,.flagship-figure-grid>section{border:1px solid #e5e9f1;border-radius:12px;background:#fff}
.flagship-figure-grid>aside{padding:11px}
.flagship-figure-grid>aside>small{display:block;margin-bottom:6px;color:var(--rz-blue);font-size:7px;letter-spacing:.1em}
.flagship-figure-grid>aside>button{width:100%;padding:7px 8px;border:1px solid #e2e6ee;border-radius:7px;text-align:left;background:#fff;color:#687289;font-size:8px;cursor:pointer}
.flagship-figure-grid>aside>button+button{margin-top:4px}
.flagship-figure-grid>aside>button.active{border-color:#ccd2fb;background:#eef0ff;color:var(--rz-ink)}
.flagship-field-map{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.flagship-field-map label{color:#7e879a;font-size:7px}
.flagship-field-map select{box-sizing:border-box;width:100%;margin-top:4px;padding:5px;border:1px solid #e0e4ec;border-radius:6px;background:#fff;color:#5d677e;font-size:7px}
.flagship-figure-checks{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.flagship-figure-checks span{padding:4px 5px;border-radius:5px;background:#edf8f4;color:#398d73;font-size:6px}
.flagship-figure-grid>section{padding:13px}
.flagship-figure-grid>section>header{display:flex;justify-content:space-between}
.flagship-figure-grid>section>header b,.flagship-figure-grid>section>header small{display:block}
.flagship-figure-grid>section>header b{font-size:11px}
.flagship-figure-grid>section>header small{margin-top:4px;color:#8a93a6;font-size:7px}
.flagship-figure-grid>section>header>span{color:#8b94a7;font-size:7px}
.flagship-paper-chart{height:245px;display:flex;align-items:end;justify-content:center;gap:34px;padding:20px 24px 0;border-bottom:1px solid #ccd3df;background:linear-gradient(#eff2f7 1px,transparent 1px);background-size:100% 49px}
.flagship-paper-chart>div{position:relative;width:58px;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(#6978ed,#8c74e9)}
.flagship-paper-chart>div i{position:absolute;left:50%;top:-10px;width:29px;height:17px;border-top:1px solid #59647d;border-left:1px solid #59647d;border-right:1px solid #59647d;transform:translateX(-50%)}
.flagship-paper-chart>div b{position:absolute;top:-30px;width:100%;text-align:center}
.flagship-paper-chart>div span{position:absolute;left:50%;top:calc(100% + 7px);width:72px;text-align:center;transform:translateX(-50%);color:#788298;font-size:7px}
.flagship-figure-grid>section>p{margin:19px 0 0;color:#687289;font-size:8px}

.flagship-msmr-body{display:grid;grid-template-columns:1fr 190px;min-height:0;padding:13px;gap:9px;background:#f6f7fb}
.flagship-msmr-evidence{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.flagship-msmr-evidence>section,.flagship-calibration{border:1px solid #e5e9f1;border-radius:11px;background:#fff}
.flagship-msmr-evidence>section{padding:10px}
.flagship-msmr-evidence section>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #edf0f5}
.flagship-msmr-evidence section>header small,.flagship-msmr-evidence section>header b{display:block}
.flagship-msmr-evidence section>header small{color:var(--rz-blue);font-size:6px;letter-spacing:.09em}
.flagship-msmr-evidence section>header b{margin-top:3px;font-size:10px}
.flagship-msmr-evidence section>header>span{color:#4b9a7d;font-size:8px}
.flagship-msmr-evidence section>button{width:100%;display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;padding:9px 4px;border:0;border-bottom:1px solid #edf0f5;text-align:left;background:#fff;color:#6b758b;cursor:pointer}
.flagship-msmr-evidence section>button.active{margin:0 -4px;padding-left:8px;padding-right:8px;border-radius:7px;background:#f1f2ff;color:var(--rz-ink)}
.flagship-msmr-evidence button>i{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#edf0ff;color:#5d6ad3;font-size:6px;font-style:normal}
.flagship-msmr-evidence button span b,.flagship-msmr-evidence button span small{display:block}
.flagship-msmr-evidence button span b{font-size:8px}
.flagship-msmr-evidence button span small{margin-top:3px;color:#8a93a6;font-size:6px;line-height:1.4}
.flagship-msmr-evidence button>em{font-style:normal;color:#8d67bf;font-size:6px}
.flagship-calibration{padding:11px}
.flagship-calibration>small{color:var(--rz-blue);font-size:6px;letter-spacing:.1em}
.flagship-risk-ring{width:104px;height:104px;margin:10px auto;display:grid;place-items:center;align-content:center;border:10px solid #edf0ff;border-top-color:#6877e8;border-right-color:#8b74e9;border-radius:50%;text-align:center}
.flagship-risk-ring strong{font-size:25px}
.flagship-risk-ring span{margin-top:2px;color:#818a9e;font-size:6px}
.flagship-calibration h4{margin:9px 0 6px;font-size:11px}
.flagship-calibration p{min-height:56px;margin:0;color:#6f7990;font-size:7px;line-height:1.55}
.flagship-calibration>div:last-child{display:grid;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #edf0f5}
.flagship-calibration>div:last-child span{display:flex;justify-content:space-between;color:#858ea2;font-size:6px}
.flagship-calibration>div:last-child b{color:var(--rz-ink)}

.about-principles article{position:relative;overflow:hidden}
.principle-visual{position:relative;height:118px;margin:8px 0 17px;border:1px solid rgba(62,73,115,.08);border-radius:16px;background:linear-gradient(145deg,rgba(97,114,237,.06),rgba(255,255,255,.35));overflow:hidden}
.principle-object{display:grid;align-content:center;gap:6px;padding:13px}
.principle-object i{display:block;width:65%;padding:6px 9px;border:1px solid rgba(97,114,237,.16);border-radius:7px;background:rgba(255,255,255,.8);color:#68738b;font-size:7px;font-style:normal}
.principle-object i:nth-child(2){width:78%}
.principle-object i:nth-child(3){width:91%;border-color:rgba(79,173,139,.25)}
.principle-object b{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6572dc;font-size:8px}
.principle-connect i{position:absolute;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(97,114,237,.22);border-radius:11px;background:rgba(255,255,255,.88);color:#5c69d2;font-size:6px;font-style:normal}
.principle-connect i:nth-child(1){left:15px;top:15px}
.principle-connect i:nth-child(2){right:15px;top:15px}
.principle-connect i:nth-child(3){left:15px;bottom:15px}
.principle-connect i:nth-child(4){right:15px;bottom:15px}
.principle-connect b{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid #cfd5ff;border-radius:50%;background:#6574e7;box-shadow:0 0 0 8px rgba(97,114,237,.07)}
.principle-connect:before,.principle-connect:after{content:"";position:absolute;left:31px;right:31px;top:50%;border-top:1px dashed #bfc7ed}
.principle-connect:before{transform:rotate(27deg)}
.principle-connect:after{transform:rotate(-27deg)}
.principle-connect em{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);color:#7d879a;font-size:6px;font-style:normal}
.principle-trace{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px}
.principle-trace i{position:relative;z-index:1;padding:7px 8px;border:1px solid rgba(97,114,237,.17);border-radius:8px;background:rgba(255,255,255,.9);color:#68738a;font-size:6px;font-style:normal}
.principle-trace i:last-of-type{color:#4d5ac2;border-color:#cbd1ff;background:#eef0ff}
.principle-trace b{position:absolute;left:12%;right:12%;top:50%;border-top:1px dashed #aeb8e9}
.principle-publish{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:6px;padding:14px}
.principle-publish i{padding:9px 5px;border:1px solid rgba(97,114,237,.15);border-radius:8px;background:rgba(255,255,255,.88);text-align:center;color:#758096;font-size:6px;font-style:normal}
.principle-publish i+ i:before{content:"→";margin-right:6px;color:#9aa3b6}
.principle-publish i:last-of-type{color:#2e8d70;border-color:rgba(66,168,133,.25);background:#edf8f4}
.principle-publish b{position:absolute;right:12px;top:10px;padding:4px 6px;border-radius:6px;background:#6574e7;color:#fff;font-size:6px}

@media (max-width:1100px){
  .flagship-stage{min-width:640px}
}