/* A case-specific review question, illustrated with HTML rather than product screenshots. */
.eg-bank-question{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:center;padding:72px 0 100px;border-top:1px solid #333841;border-bottom:1px solid #333841}
.eg-bank-question-copy h2{max-width:12ch;margin:23px 0;font-size:clamp(39px,4.5vw,65px);line-height:1.05;letter-spacing:-.048em;font-weight:500}
.eg-bank-question-copy>p{max-width:48ch;color:#b6b8bd;font-size:18px;line-height:1.55}
.eg-bank-caption{display:block;margin-top:39px;color:#777f8c;font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em}
.eg-bank-request{background:linear-gradient(145deg,#18202e,#10151f 68%);border:1px solid #3d4b62;box-shadow:0 24px 70px #0009;transform:rotate(1deg)}
.eg-bank-request-head,.eg-bank-request-foot,.eg-bank-trace-head{display:flex;justify-content:space-between;gap:12px;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#a9bfeb}
.eg-bank-request-head{padding:23px 25px;border-bottom:1px solid #465269}
.eg-bank-request ol,.eg-bank-trace ol{list-style:none;margin:0;padding:0}
.eg-bank-request li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;align-items:start;padding:20px 26px;border-bottom:1px solid #394458}
.eg-bank-request li span{color:#849bd0;font:11px ui-monospace,SFMono-Regular,monospace}
.eg-bank-request li p{margin:0;font-size:17px;line-height:1.4;color:#f0f2f5}
.eg-bank-request-foot{padding:22px 25px;color:#aebad0;letter-spacing:0;font-size:12px}
.eg-bank-answer{padding:108px 0 75px}
.eg-bank-answer-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:end;margin:18px 0 55px}
.eg-bank-answer-head h2{margin:0;max-width:13ch;font-size:clamp(38px,4vw,60px);line-height:1.07;letter-spacing:-.045em;font-weight:500}
.eg-bank-answer-head p{margin:0 0 4px;color:#b6b8bd;font-size:17px;line-height:1.55}
.eg-bank-trace{border-top:2px solid #94b3ef;background:linear-gradient(180deg,#101722,#090d14)}
.eg-bank-trace-head{padding:22px 27px;color:#b9cbf0;border-bottom:1px solid #3d485d}
.eg-bank-trace ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.eg-bank-trace li{padding:32px 27px 40px;border-right:1px solid #303c50}
.eg-bank-trace li:last-child{border:0}
.eg-bank-index{display:block;color:#9db9f1;font:12px ui-monospace,SFMono-Regular,monospace;margin-bottom:45px}
.eg-bank-trace strong{display:block;font-size:20px;line-height:1.25;font-weight:550;letter-spacing:-.03em}
.eg-bank-trace p{margin:11px 0 0;color:#aeb8c7;font-size:14px;line-height:1.5}
.eg-bank-link{display:inline-block;margin-top:36px;border-bottom:1px solid #9db9f1;padding-bottom:6px;color:#d1ddfb;text-decoration:none}
.eg-bank-link:hover{color:white}
@media(max-width:780px){.eg-bank-question{grid-template-columns:1fr;gap:36px;padding:43px 0 70px}.eg-bank-question-copy h2{font-size:clamp(37px,9.2vw,52px)}.eg-bank-question-copy>p{font-size:16px}.eg-bank-caption{margin-top:20px}.eg-bank-request{transform:none}.eg-bank-request-head{padding:18px}.eg-bank-request li{padding:17px 18px;gap:9px}.eg-bank-request li p{font-size:15px}.eg-bank-request-foot{padding:18px}.eg-bank-answer{padding:75px 0 55px}.eg-bank-answer-head{grid-template-columns:1fr;gap:18px;margin:17px 0 34px}.eg-bank-answer-head h2{font-size:41px}.eg-bank-answer-head p{font-size:16px}.eg-bank-trace ol{grid-template-columns:1fr 1fr}.eg-bank-trace li{padding:21px 19px 27px;border-bottom:1px solid #303c50}.eg-bank-trace li:nth-child(2){border-right:0}.eg-bank-index{margin-bottom:25px}.eg-bank-trace strong{font-size:17px}.eg-bank-trace p{font-size:13px}.eg-bank-trace-head{padding:18px}}
@media(max-width:450px){.eg-bank-trace ol{grid-template-columns:1fr}.eg-bank-trace li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:13px;border-right:0}.eg-bank-index{margin:2px 0 0}.eg-bank-trace p{margin-top:7px}}
