#codexFlowView{position:absolute;left:0;top:0;width:1800px;color:#233b60;font:28px/1.25 Sketch,'Comic Sans MS',cursive}
#codexFlowView h1,#codexFlowView h2,#codexFlowView h3,#codexFlowView p{font-family:inherit;font-weight:400;color:inherit;letter-spacing:0;margin:0;line-height:1.2}
#codexFlowView h1{font-size:52px;text-align:center;margin-bottom:24px}
#codexFlowView h2{font-size:36px}
#codexFlowView h3{font-size:28px}
#codexFlowView p{font-size:24px}
.cx-ownership{margin-left:160px;width:1550px;display:grid;grid-template-columns:740px 800px;gap:10px;height:166px;text-align:center}
.cx-bracket{height:14px;border:2px solid #526f9d;border-bottom:0;border-radius:12px 12px 0 0;margin-top:10px}
 .cx-supplied{margin:6px 0 0 250px;width:490px}
#codexFlowView .cx-supplied p{font-size:24px;line-height:29px}
.cx-supplied-arrows{display:block;width:490px;height:64px;fill:none;stroke:#7b90b2;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.cx-request{display:grid;grid-template-columns:146px 1fr;gap:14px;margin-bottom:28px}
.cx-request>h2{align-self:center;white-space:nowrap}
.cx-cards{display:grid;gap:10px}
.cx-request-1 .cx-cards{width:1550px;grid-template-columns:240px 240px 240px 570px 220px}
.cx-request-2 .cx-cards{width:1380px;grid-template-columns:175px 175px 185px 200px 195px 230px 160px}
.cx-request-3 .cx-cards{grid-template-columns:155px 150px 170px 185px 170px 225px 165px 170px 170px}
.cx-card{--accent:#c39237;--fill:#fff8e7;background:var(--fill);border:1.5px solid var(--accent);border-radius:15px 12px 16px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px;min-width:0;height:158px}
.cx-blue{--accent:#438ed0;--fill:#edf7ff}.cx-purple{--accent:#9564cf;--fill:#f6effd}.cx-green{--accent:#36976d;--fill:#eef9f0}.cx-pink{--accent:#d46c9e;--fill:#fff0f6}
.cx-icon{display:block;width:60px;height:60px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.cx-card>.cx-icon{color:var(--accent);margin:auto;width:62px;height:62px}
.cx-card h3{white-space:nowrap}
#codexFlowView .cx-card p{font-size:24px;margin-top:5px}
.cx-request-1 .cx-card{height:260px;padding:16px}
.cx-request-1 .cx-card>.cx-icon{width:82px;height:82px}
.cx-context-list{align-self:stretch;display:grid;gap:7px;margin-top:18px}
.cx-context-row{display:flex;align-items:center;gap:14px;text-align:left;background:#ffffffa6;border:1px solid #c3e4d1;border-radius:8px;padding:3px 7px;font-size:24px;white-space:nowrap}
.cx-role{border-radius:8px;color:white;background:#148a78;padding:1px 12px;font-size:24px;line-height:1.15;text-align:center;display:inline-block;min-width:114px}
.cx-role-user{background:#9564cf}
.cx-config{color:#788598;margin-left:auto}
.cx-prefix{border:2px solid #526f9d;border-top:0;border-radius:0 0 12px 12px;text-align:center;margin-top:4px;position:relative;height:12px;margin-bottom:30px}
.cx-prefix span{position:relative;top:14px;background:#fcfcfd;padding:0 12px;font-size:28px}
.cx-prefix-2{width:970px}.cx-prefix-3{width:1280px}
.cx-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:10px}
.cx-note{border:1.5px solid #70bdc4;border-radius:18px;background:#f0fbfb;padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.cx-compact{border-color:#d5ae63;background:#fff9ed}
.cx-note header{height:auto;padding:0;border:0;background:none;display:flex;gap:18px;margin-bottom:4px}
.cx-note header>.cx-icon{width:82px;height:82px;color:#148a78;border:2px solid currentColor;border-radius:50%}
.cx-compact header>.cx-icon{color:#9564cf}
#codexFlowView .cx-note header p{margin-top:6px;font-size:28px}
.cx-update{display:grid;grid-template-columns:255px 130px 1fr;align-items:center;gap:14px;background:#ffffffa6;border:1px solid #b1d9dc;border-radius:9px;padding:7px 12px;font-size:24px}
#codexFlowView .cx-note>h3{margin-bottom:-3px}
#codexFlowView .cx-warning,#codexFlowView .cx-payload{background:#fff0f6;border:1px solid #edbcd2;border-radius:9px;text-align:center;padding:10px;font-size:24px}
#codexFlowView .cx-footnote{margin-top:auto;font-size:24px;padding-top:3px}
.cx-compact-flow{display:grid;grid-template-columns:1fr 26px 1.2fr 26px 1fr;align-items:center;gap:12px;margin:10px 0 8px;font-size:28px;text-align:center}
.cx-compact-flow>div{background:#f6effd;border:1.5px solid #ac8edb;border-radius:12px;padding:20px 10px;white-space:nowrap}
.cx-compact-flow>.cx-icon{width:26px;height:26px}

.cx-request-2 .cx-card>.cx-icon,.cx-request-3 .cx-card>.cx-icon{width:54px;height:54px}
.cx-request-2 .cx-card p,.cx-request-3 .cx-card p{white-space:nowrap}