/* Layered record history: Linear's product depth, adapted to Financial Clarity. */
.financial-outcome-ledger { position:relative;isolation:isolate;overflow:hidden;padding:82px 0 64px;scroll-margin-top:78px;background:#0F2038;color:#F3F8FB;font-family:Inter,system-ui,sans-serif; }
.financial-outcome-ledger * { box-sizing:border-box; }
.financial-outcome-ledger::before { content:'';position:absolute;width:min(1180px,100%);height:620px;left:50%;top:190px;transform:translateX(-50%);pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 46%,#357C782B,transparent 55%),radial-gradient(ellipse at 30% 64%,#2C537A33,transparent 60%); }
.financial-outcome-ledger::after { content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 1px 0 #ECF6FF0D; }
.ol-anchor { position:absolute;top:0;scroll-margin-top:78px; }
.ol-shell { width:min(1180px,calc(100% - 96px));margin:auto; }
.ol-heading { max-width:790px;text-align:center;margin:0 auto; }
.ol-eyebrow { display:flex;justify-content:center;align-items:center;gap:9px;margin:0 0 18px;color:#BED0DF;font-size:13px;line-height:1.5; }
.ol-eyebrow>span { font-size:11px;padding:2px 6px;border:1px solid #728BA566;border-radius:4px;line-height:1.5; }
.ol-heading h2 { color:#F5F9FC;font:500 48px/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.65px;margin:0;text-wrap:balance; }
.ol-keep { white-space:nowrap; }
.ol-intro { color:#B4C8D8;font-size:16px;line-height:1.75;margin:20px auto 0;max-width:570px;text-wrap:pretty; }
.ol-example { margin:36px 0 0; }
.ol-records { display:grid;grid-template-columns:minmax(0,1.19fr) minmax(0,.81fr);align-items:start;max-width:1050px;margin:auto;padding:20px 20px 62px;position:relative; }
.ol-records::before { content:'';position:absolute;inset:63px -30px 25px;z-index:-1;background:linear-gradient(90deg,transparent,#ACCBDD14,transparent) 0 0/100% 1px no-repeat,linear-gradient(90deg,transparent,#ACCBDD14,transparent) 0 100%/100% 1px no-repeat; }
.ol-history { position:relative;min-width:0;padding:28px 72px 24px 30px;background:linear-gradient(125deg,#1D3A5229,transparent 62%),#162F47;border:1px solid #56718766;border-radius:12px;box-shadow:inset 0 1px 0 #D3E7F21A,0 16px 25px -20px #020B17; }
.ol-history::before { content:'';position:absolute;inset:10px -10px -10px 10px;border:1px solid #6E8DA42E;border-radius:12px;z-index:-1; }
.ol-history-top { display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:#BCD1DF; }
.ol-record-icon { width:26px;height:26px;display:grid;place-items:center;background:#BCD4E30D;border:1px solid #B5CDDE29;border-radius:6px; }.ol-record-icon svg { width:18px;height:18px;stroke:#C3D9E7;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round; }
.ol-history h3 { color:#F0F7FB;font:500 25px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.65px;margin:16px 0 7px;text-wrap:balance; }
.ol-client { margin:0;color:#A6BFCE;font-size:13px;line-height:1.7; }.ol-client>span { padding:0 5px;color:#7594AA; }
.ol-events { position:relative;list-style:none;margin:25px 0 24px;padding:0;display:flex;flex-direction:column;gap:22px; }
.ol-events::before { content:'';position:absolute;left:11px;top:12px;bottom:13px;width:1px;background:linear-gradient(#577D8966,#75B3A87D); }
.ol-events li { display:flex;gap:13px;align-items:flex-start;position:relative; }
.ol-event-mark { flex:none;display:grid;place-items:center;width:23px;height:23px;border:1px solid #6A9E9D;background:#1C3C4E;border-radius:50%;color:#B8DDCE; }.ol-event-mark svg { width:15px;height:15px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round; }
.ol-events li>div { min-width:0; }.ol-events li p { color:#DFEBF2;font-size:14px;line-height:1.6;font-weight:500;margin:0 0 3px;display:flex;align-items:center;gap:10px;flex-wrap:wrap; }.ol-events li>div>span { display:block;color:#A9C0D0;font-size:12px;line-height:1.65; }
.ol-events .ol-event--sent .ol-event-mark { background:#A7E6D7;border-color:#A7E6D7;color:#133E3B;box-shadow:0 0 0 4px #A7E6D70A; }.ol-events .ol-event--sent p { color:#F0FAF7; }.ol-executed { font-size:12px;font-weight:400;color:#B2E6D6;padding:2px 6px;line-height:1.4;border-radius:4px;border:1px solid #A7E6D74D;background:#A7E6D70A; }
.ol-record-footer { padding-top:16px;border-top:1px solid #91B3C52E;color:#B2C9D9;font-size:12px;line-height:1.6;display:flex;gap:7px;align-items:center; }.ol-record-footer svg { width:17px;height:17px;flex:none;stroke:#A4C7C7;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round; }
.ol-outcome { position:relative;min-width:0;margin:37px 0 0 -38px;padding:26px 30px 25px;border-radius:14px;border:1px solid #8BADB47D;border-top-color:#C3E3E2A6;background:linear-gradient(135deg,#416C7633,transparent 62%),#21445B;box-shadow:inset 0 1px 0 #ECFFFF26,0 20px 40px -18px #020F23B3; }
.ol-outcome::before { content:'';position:absolute;inset:-8px 9px 8px -9px;pointer-events:none;border:1px solid #ADD7D544;border-radius:14px;z-index:-1; }
.ol-outcome-top { display:flex;justify-content:space-between;align-items:center;gap:12px;color:#CCDFE8;font-size:12px;line-height:1.5; }
.ol-open-state { display:flex;align-items:center;gap:5px;white-space:nowrap;color:#D8E5EB;background:#EDF7FF08;border:1px solid #B8CFDE47;border-radius:4px;padding:3px 7px;font-size:12px; }.ol-open-state i { width:5px;height:5px;border:1px solid #C6DCE6;border-radius:50%; }
.ol-outcome-icon { display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #B7D9D64D;background:#D6EEEF08;margin-top:24px;color:#D1E8E6; }.ol-outcome-icon svg { width:31px;height:31px;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round; }
.ol-outcome h3 { font:500 34px/1.1 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:16px 0 21px;color:#F3F9FC; }
.ol-outstanding { display:flex;align-items:baseline;gap:11px;margin:0 0 24px;color:#BDD2DE;flex-wrap:wrap; }.ol-outstanding strong { color:#E8F3FA;font:500 28px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.7px; }.ol-outstanding>span { font-size:13px;line-height:1.6; }
.ol-result-row { display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-top:1px solid #B4D0DD2E;color:#BDD2DF;font-size:13px;line-height:1.6; }.ol-result-row>span:last-child { display:flex;align-items:center;gap:6px; }.ol-result-sent { color:#B3E9D9; }.ol-result-sent svg { width:15px;height:15px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round; }.ol-result-pending { color:#D9E7EF; }.ol-result-pending i { width:6px;height:6px;border:1px solid #B5CBD8;border-radius:50%;flex:none; }
.ol-outcome-note { color:#B9D0DC;font-size:13px;line-height:1.7;margin:14px 0 0;text-wrap:pretty;max-width:330px; }
.ol-example figcaption { color:#A4BACD;text-align:center;font-size:12px;line-height:1.7;margin:8px auto 0;text-wrap:pretty;max-width:670px; }
@media(max-width:1100px) {
  .ol-shell { width:calc(100% - 64px); }.ol-history { padding-right:55px;padding-left:25px; }.ol-outcome { padding:25px;margin-left:-28px; }.ol-heading h2 { font-size:45px; }.ol-outcome h3 { font-size:31px; }.ol-records { padding-inline:12px; }
}
@media(max-width:850px) {
  .financial-outcome-ledger { padding:68px 0 55px; }.ol-shell { width:calc(100% - 40px); }.ol-heading h2 { font-size:42px; }.ol-records { grid-template-columns:minmax(0,1fr) minmax(0,.95fr);padding:15px 0 56px; }.ol-history { padding:24px 42px 22px 22px; }.ol-history h3 { font-size:23px; }.ol-outcome { padding:22px;margin-left:-22px;margin-top:47px; }.ol-outcome h3 { font-size:29px; }.ol-outcome-top { flex-wrap:wrap;gap:8px; }.ol-result-row { font-size:12px;gap:10px; }.ol-events { gap:20px; }.ol-events li { gap:9px; }.ol-events li p { gap:6px;font-size:13px; }.ol-record-footer { align-items:flex-start; }.ol-record-footer svg { margin-top:2px; }
}
@media(max-width:650px) {
  .ol-heading h2 { font-size:38px;letter-spacing:-1.3px; }.ol-intro { font-size:15px;max-width:450px; }.ol-records { display:flex;flex-direction:column;padding:15px 8px 14px;gap:23px;max-width:470px; }.ol-history { width:100%;padding:25px; }.ol-history h3 { font-size:25px; }.ol-events { gap:20px; }.ol-events li { gap:13px; }.ol-events li p { font-size:14px; }.ol-outcome { width:100%;margin:0;padding:26px; }.ol-outcome-top { flex-wrap:nowrap; }.ol-outcome h3 { font-size:32px; }.ol-outcome h3 br { display:none; }.ol-outcome-icon { margin-top:20px; }.ol-outstanding { margin-bottom:21px; }.ol-result-row { font-size:13px; }.ol-example { margin-top:28px; }.ol-example figcaption { margin-top:13px;font-size:12px;max-width:350px; }
}
@media(max-width:440px) {
  .financial-outcome-ledger { padding:55px 0 45px; }.ol-shell { width:calc(100% - 36px); }.ol-heading h2 { font-size:34px;letter-spacing:-1.15px; }.ol-intro { font-size:14px;line-height:1.75;max-width:335px; }.ol-eyebrow { font-size:12px;margin-bottom:16px; }.ol-records { padding-inline:3px; }.ol-history { padding:22px 20px; }.ol-history h3 { font-size:23px; }.ol-client { font-size:12px; }.ol-record-footer { font-size:12px; }.ol-outcome { padding:23px 22px; }.ol-outcome h3 { font-size:30px; }.ol-outcome-top { gap:7px;font-size:12px; }.ol-outcome-note { font-size:13px; }.ol-open-state { padding:3px 6px; }
}
@media(max-width:350px) {
  .ol-shell { width:calc(100% - 28px); }.ol-heading h2 { font-size:30px;letter-spacing:-1px; }.ol-history { padding:20px 17px; }.ol-history h3 { font-size:21px; }.ol-outcome { padding:22px 18px; }.ol-outcome h3 { font-size:28px; }.ol-outcome-top { flex-wrap:wrap;gap:7px; }.ol-result-row { flex-wrap:wrap;gap:4px 8px; }.ol-outstanding { gap:9px; }
}