#evalsFlowView{position:absolute;left:0;top:0;width:1800px;height:auto;font:26px/1.3 Sketch,'Comic Sans MS',cursive;color:#233b60}
#evalsFlowView h1,#evalsFlowView h2,#evalsFlowView h3,#evalsFlowView p{font-family:inherit;font-weight:400;letter-spacing:0;color:inherit}
.ev-title{width:550px;margin:0 auto!important;padding:9px 22px;text-align:center;border:2px solid #426b9f;border-radius:14px 11px 15px 12px;background:#edf5ff;font-size:44px}
.ev-branches{display:block;width:1800px;height:100px;fill:none;stroke:#7b90b2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.ev-columns{display:grid;grid-template-columns:460px 490px 794px;gap:28px;min-height:900px}
.ev-column{--ev-accent:#359665;border:2px solid var(--ev-accent);border-radius:14px 17px 13px 16px;background:#eff9f1;padding:22px 18px;display:flex;flex-direction:column;gap:16px}
.ev-human{--ev-accent:#9564cf;background:#f7f1fc}.ev-model{--ev-accent:#5188d6;background:#eff6ff}
.ev-column h2{display:flex;align-items:center;gap:16px;font-size:36px;margin:0!important;color:var(--ev-accent)!important;white-space:nowrap}
.ev-column h2>span{border:2px solid currentColor;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;font-size:30px;flex-shrink:0}
#evalsFlowView .ev-subtitle{font-size:26px;margin:0 0 7px;line-height:1.2}
.ev-box{border:1.3px solid #a8c5e8;background:#ffffff70;border-radius:12px;padding:17px 18px}
.ev-box h3{font-size:30px;margin:0 0 17px;color:#397bc0!important}
.ev-item{display:flex;align-items:center;gap:18px;font-size:26px;line-height:1.3}.ev-item+.ev-item{margin-top:19px}
.ev-icon{width:31px;height:31px;flex:0 0 31px;color:#345b91}
.ev-metric .ev-examples{flex:1;border-color:#8bc5a5}.ev-metric .ev-examples h3{color:#359665!important}.ev-metric .ev-examples .ev-item{margin-top:30px;font-size:26px}
.ev-pink{border-color:#e6a3c3;background:#fff4f8}.ev-pink h3{color:#bd5287!important}
.ev-amber{border-color:#dfbf7d;background:#fff9ed}.ev-amber h3{color:#ad792b!important}
.ev-nuance{min-height:192px}.ev-nuance .ev-item{justify-content:center;font-size:26px}
.ev-human>.ev-pink{flex:1}.ev-human .ev-amber .ev-item{font-size:26px;gap:12px}
.ev-methods{display:grid;grid-template-columns:1fr 1.1fr 1.16fr;gap:13px;position:relative;margin-top:20px}
.ev-methods:before{content:'';position:absolute;top:-18px;height:17px;left:16%;right:16%;border:1.5px solid #5188d6;border-bottom:0;border-radius:12px 12px 0 0}
.ev-methods:after{content:'';position:absolute;top:-32px;left:50%;height:32px;border-left:1.5px solid #5188d6}
.ev-method{border:1.3px solid #83afe4;border-radius:12px;padding:15px 13px;background:#ffffff70;text-align:center;position:relative;z-index:1}
.ev-method h3{display:flex;align-items:center;justify-content:center;gap:9px;font-size:26px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #c2d8f0;color:#397bc0!important;white-space:nowrap}
.ev-method .ev-icon{width:25px;height:25px;flex-basis:25px}
#evalsFlowView .ev-method p{font-size:26px;line-height:1.25;margin:0}
.ev-challenges{padding:18px}.ev-challenges h3{margin-bottom:22px}
.ev-challenge{display:grid;grid-template-columns:28px 1fr 28px 28px 1.35fr;align-items:center;gap:12px;font-size:26px;min-height:48px}.ev-challenge+.ev-challenge{border-top:1px solid #eadbbc;padding-top:10px;margin-top:10px}.ev-challenge .ev-icon{width:27px;height:27px}.ev-arrow{font-size:30px}
.ev-reliability{flex:1}.ev-reliability .ev-item{font-size:26px}.ev-reliability .ev-item+.ev-item{margin-top:12px}
.ev-calibration{display:grid;grid-template-columns:repeat(4,1fr);gap:27px;list-style:none;margin:22px 0 0;padding:0}
.ev-calibration li{position:relative;border:1.3px solid #83afe4;background:#f4f9ff;border-radius:11px;text-align:center;padding:10px 5px;font-size:26px;line-height:1.2}
.ev-calibration li+li:before{content:'→';position:absolute;left:-25px;top:50%;transform:translateY(-50%);font-size:26px}
#evalsFlowView .ev-takeaway{text-align:center;font-size:30px;margin:18px 0 0}

#evalsFlowView .ev-subtitle{font-size:30px;min-height:44px;margin-bottom:0;line-height:1.2}
.ev-nuance{min-height:155px}.ev-nuance .ev-item{justify-content:flex-start;margin-top:22px}
.ev-challenge{grid-template-columns:28px 1fr 32px 28px 1.35fr;gap:14px;min-height:58px}
.ev-challenge .ev-arrow{display:block;width:28px;height:24px;justify-self:center}
.ev-challenge+.ev-challenge{padding-top:14px;margin-top:14px}
.ev-calibration{gap:26px}.ev-calibration li{font-size:26px;padding:12px 4px}
.ev-calibration li+li:before{content:'';width:24px;height:24px;left:-26px;background:center/24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24' fill='none' stroke='%23233b60' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h25m-6-6 6 6-6 6'/%3E%3C/svg%3E")}
.ev-method h3{white-space:normal;line-height:1.2;min-height:42px}

.ev-methods{margin-top:0}.ev-methods:before,.ev-methods:after{display:none}

.ev-process{margin-top:180px;padding-bottom:32px}
#evalsFlowView .ev-process>.ev-title{width:650px;font-size:44px;margin-bottom:64px!important}
.ev-process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:36px}
.ev-process-card,.ev-loop-card{position:relative;border:1.5px solid var(--accent,#d5ae63);border-radius:14px;padding:24px;background:var(--fill,#fff9ed);text-align:center}
.ev-process-card{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px}
.ev-process-card h3{display:flex;align-items:center;gap:12px;font-size:30px;margin:0;text-align:left;line-height:1.2}
.ev-process-card h3 span{border:1.5px solid var(--accent);border-radius:50%;width:42px;height:42px;flex-shrink:0;display:grid;place-items:center}
.ev-process-card>svg{width:60px;height:60px;color:var(--accent)}
#evalsFlowView .ev-process p{font-size:26px;margin:0;line-height:1.3}
.ev-process-0{--accent:#359665;--fill:#eff9f1}.ev-process-1{--accent:#9564cf;--fill:#f7f1fc}.ev-process-2{--accent:#5188d6;--fill:#eff6ff}.ev-process-3{--accent:#ad792b;--fill:#fff9ed}.ev-process-4{--accent:#bd5287;--fill:#fff4f8}
.ev-process-card+.ev-process-card:before,.ev-loop-card+.ev-loop-card:before{content:'';position:absolute;left:-35px;top:50%;width:32px;height:24px;background:center/32px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24' fill='none' stroke='%237b90b2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h25m-6-6 6 6-6 6'/%3E%3C/svg%3E")}
.ev-process-link{height:64px;margin-left:70.4%;border-left:2px dashed #d5ae63}
.ev-process-loop{border:1.5px solid #d5ae63;border-radius:18px;background:#fff9ed;padding:32px 32px 16px}
.ev-loop-card{padding:24px 18px;min-height:170px}
.ev-loop-card h3{display:flex;align-items:center;justify-content:center;gap:12px;font-size:30px;margin:0 0 22px;white-space:nowrap}
.ev-loop-card h3 svg{width:38px;height:38px;flex-shrink:0}
.ev-process-return{display:block;width:100%;height:100px;overflow:visible}

.ev-process-card{height:310px;min-height:0;padding:26px 22px;display:grid;grid-template-rows:76px 68px 72px;align-content:space-between;justify-items:center;gap:18px}
.ev-process-card h3{width:100%;display:block;position:relative;text-align:center;font-size:36px;line-height:1.12;padding:0 28px}
.ev-process-card h3 span{position:absolute;left:-10px;top:0;width:38px;height:38px;font-size:26px}
.ev-process-card>svg{width:64px;height:64px;align-self:center}
#evalsFlowView .ev-process-card p{width:100%;max-width:250px;align-self:center;font-size:30px;line-height:1.2}
.ev-process-loop{padding:32px 32px 20px}
.ev-loop-card{height:188px;min-height:0;display:grid;grid-template-rows:52px 72px;align-content:center;gap:14px;padding:20px 12px}
.ev-loop-card h3{margin:0;font-size:30px;gap:10px;align-self:center}
.ev-loop-card h3 svg{width:34px;height:34px}
#evalsFlowView .ev-loop-card p{align-self:center;margin:auto;max-width:245px;font-size:30px;line-height:1.2}
.ev-process-card+.ev-process-card:before,.ev-loop-card+.ev-loop-card:before{transform:translateY(-50%)}

.ev-process-card{height:350px;grid-template-rows:76px 96px 76px;padding:26px 22px;gap:22px}
.ev-process-card>svg{width:92px;height:92px;color:#233b60}
.ev-loop-card h3 svg{width:48px;height:48px;flex:0 0 48px}
.ev-loop-card{height:205px;grid-template-rows:60px 72px}

.ev-process-card>svg{width:106px;height:106px}
.ev-process-card{height:370px;grid-template-rows:76px 110px 76px}
.ev-loop-card h3 svg{width:52px;height:52px;flex-basis:52px}

#evalsFlowView .ev-process-card h3{color:var(--accent)}
