/* Shared, scoped presentation of the approved Sara scene. */
.settlement-story{--navy:#102b42;--ink:#152c3a;--muted:#697581;--mint:#61edcc;--teal:#087f72;--line:#e3e8e9;--display:'Bricolage Grotesque',system-ui,sans-serif;color-scheme:light}
.settlement-story *{box-sizing:border-box}.settlement-story{margin:0;background:#f3f6f5;color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.settlement-story button,.settlement-story input{font:inherit}.settlement-story button,.settlement-story a{-webkit-tap-highlight-color:transparent}.settlement-story button{cursor:pointer}.settlement-story button:disabled{cursor:default}.settlement-story a{color:inherit}.settlement-story button:focus-visible,.settlement-story a:focus-visible{outline:3px solid #087f98;outline-offset:5px}.settlement-story [hidden]{display:none!important}.settlement-story .story{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(35px,5vw,82px);padding:48px 48px 36px;align-items:center}.settlement-story .editorial{padding-bottom:32px}.settlement-story .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#52716b;font-weight:600;margin:0 0 23px}.settlement-story .story-title{font:600 clamp(40px,4.3vw,62px)/1.06 var(--display);letter-spacing:-2.6px;margin:0 0 24px}.settlement-story .story-title span{color:#58716e}.settlement-story .intro{font-size:16px;line-height:1.75;color:#536570;max-width:410px;margin:0}.settlement-story .chapter{margin-top:43px;padding-top:25px;border-top:1px solid #d5dfdd;display:flex;gap:19px;min-height:135px;max-width:420px}.settlement-story .chapter-number{font:500 12px 'JetBrains Mono',monospace;color:var(--teal);padding-top:5px}.settlement-story .chapter-title{font-size:19px;font-weight:600;margin:0 0 9px;letter-spacing:-.4px}.settlement-story .chapter-text{font-size:14px;line-height:1.65;color:#596c75;margin:0;max-width:330px}.settlement-story .chapters{display:flex;gap:8px;max-width:420px;margin-top:15px}.settlement-story .chapters button{background:transparent;border:0;border-top:2px solid #d5dfdd;padding:12px 0 0;text-align:left;flex:1;font-size:11px;color:#63746f}.settlement-story .chapters button span{display:block;font-size:10px;margin-bottom:6px}.settlement-story .chapters button[aria-current]{border-color:var(--teal);color:#095c51;font-weight:600}
.settlement-story .scene-column{min-width:0}.settlement-story .scene-caption{display:flex;gap:8px;align-items:center;font-size:11px;color:#5b6c73;margin:0 3px 13px}.settlement-story .demo-dot{width:6px;height:6px;border-radius:50%;background:#087f72}.settlement-story .scene-duration{margin-left:auto;color:#6d7c80}.settlement-story .scene{background:#fff;border:1px solid #dbe3e2;border-radius:18px;padding:25px 28px 20px;box-shadow:0 24px 65px -38px #143c4560,0 2px 4px #102b4205;font-size:13px;font-variant-numeric:tabular-nums;--study:1;--service:1;--credit:1;--refund:1;--split:1;--typing:0;--progress:1;--part:1}.settlement-story .scene-heading{display:flex;align-items:center;gap:11px}.settlement-story .return-icon{color:#c31a44;font-size:29px;line-height:1;align-self:flex-start}.settlement-story .scene-title{font-size:19px;letter-spacing:-.5px;margin:0 0 5px;font-weight:600;color:#17242b}.settlement-story .scene-heading p{font-size:12px;margin:0;color:#728087}.settlement-story .scene-heading p span{padding:0 3px}.settlement-story .draft{margin-left:auto;padding:4px 8px;border:1px solid #e1e6e6;border-radius:5px;font-size:10px;color:#61727a}.settlement-story .contract-context{display:flex;justify-content:space-between;margin:22px 0 15px;padding:15px 0;border-block:1px solid var(--line)}.settlement-story .contract-context>div{display:grid;gap:6px}.settlement-story .contract-context span{font-size:11px;color:#748088}.settlement-story .contract-context strong{font-weight:500;font-size:16px}.settlement-story .paid{text-align:right}.settlement-story .breakdown{position:relative}.settlement-story .sessions-row,.settlement-story .service,.settlement-story .credit{display:flex;align-items:center;justify-content:space-between;gap:12px}.settlement-story .sessions-row{color:#5b6670}.settlement-story .sessions-row strong{font-size:16px;color:#233d3c}.settlement-story .sessions-row strong span{font-size:13px;font-weight:400;color:#7d878c}.settlement-story .sessions-track{display:flex;gap:5px;margin:11px 0 14px}.settlement-story .sessions-track i{height:6px;flex:1;background:#e9eded;border-radius:2px}.settlement-story .sessions-track i:nth-child(-n+5){background:#248b7d;opacity:calc(.2 + var(--study)*.8)}.settlement-story .service{padding:9px 0 12px;color:#66717a}.settlement-story .service strong{font-size:17px;color:#243b43;font-weight:500;opacity:calc(.45 + var(--service)*.55)}.settlement-story .credit{padding:12px 14px;margin:0 -14px;border:1px solid #e6ebea;border-radius:9px;background:rgba(236,246,243,var(--credit));border-color:rgba(107,158,141,calc(.14 + var(--credit)*.2))}.settlement-story .credit>span{font-weight:500}.settlement-story .credit small{display:block;font-weight:400;font-size:10px;color:#70807d;margin-top:4px}.settlement-story .credit strong{font-size:25px;font-weight:600;color:#a81945;opacity:calc(.35 + var(--credit)*.65);letter-spacing:-.7px}.settlement-story .proposal{font-size:11px;line-height:1.55;color:#7a632b;background:#fffcf0;border-left:2px solid #e9cc79;margin:14px 0 17px;padding:8px 10px}.settlement-story .refund-block label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.settlement-story .input-wrap{position:relative;border:1px solid #dce2e1;border-radius:8px;box-shadow:0 0 0 calc(var(--typing)*3px) #087f721c;border-color:rgba(8,127,114,calc(.15 + var(--typing)*.7));height:43px;display:flex;align-items:center}.settlement-story .input-wrap input{width:100%;background:transparent;border:0;outline:0;padding:9px 13px;font-size:18px;color:#182d35;pointer-events:none}.settlement-story .currency{padding-right:14px;color:#7a898b}.settlement-story .typing-caret{height:20px;width:1.5px;position:absolute;left:var(--caret-left,46px);background:var(--teal);opacity:var(--typing)}.settlement-story #refund-hint{font-size:10px;color:#748089;margin:7px 0 0}.settlement-story .allocation{margin-top:19px;opacity:var(--split);visibility:visible;transform:translateY(calc((1 - var(--split))*5px))}.settlement-story .allocation-bar{height:7px;background:#c9d9d5;border-radius:3px;overflow:hidden}.settlement-story .allocation-bar>span{display:block;height:100%;background:var(--teal);width:41.666667%;transform-origin:left;transform:scaleX(var(--part));border-right:2px solid white}.settlement-story .allocation-labels{display:flex;justify-content:space-between;margin-top:10px;gap:14px}.settlement-story .allocation-labels>div{display:grid;gap:6px}.settlement-story .allocation-labels>div:last-child{text-align:right}.settlement-story .allocation-labels span{font-size:10px;color:#657772}.settlement-story .allocation-labels strong{font-size:20px;font-weight:600;letter-spacing:-.5px}.settlement-story .allocation-labels i{display:inline-block;width:6px;height:6px;border-radius:2px;margin-right:4px}.settlement-story .refund-dot{background:var(--teal)}.settlement-story .wallet-dot{background:#b0c4be}.settlement-story .allocation>p{font-size:11px;line-height:1.55;color:#73807f;margin:10px 0 0}.settlement-story .scene-footer{border-top:1px solid var(--line);padding-top:14px;margin-top:17px;display:flex;gap:12px;align-items:center;justify-content:space-between}.settlement-story .scene-footer>span{font-size:10px;color:#7b858a;max-width:135px;line-height:1.4}.settlement-story .scene-footer button{font-size:11px;font-weight:600;background:#f5e9ed;color:#a87180;border:1px solid #eedee3;border-radius:7px;padding:10px 13px;white-space:nowrap}
.settlement-story .playback{margin-top:18px}.settlement-story .timeline{height:2px;background:#d7e1de;overflow:hidden}.settlement-story .timeline>span{display:block;height:100%;background:var(--teal);transform-origin:left;transform:scaleX(var(--progress,1))}.settlement-story .playback-row{display:flex;align-items:center;gap:12px;padding-top:11px}.settlement-story .playback button{border:0;background:transparent;color:#315c53;font-size:11px;padding:5px 0;min-height:30px}.settlement-story .playback button:disabled{color:#86948f}.settlement-story .time{font:10px 'JetBrains Mono',monospace;color:#86918e}.settlement-story .playback #replay{margin-left:auto}.settlement-story .playback #replay span{font-size:15px;padding-left:4px}.settlement-story .motion-status{font-size:10px;color:#77847f;min-height:15px;line-height:1.5;margin:8px 0 0}.settlement-story .source-note{display:flex;align-items:center;gap:40px;justify-content:space-between;margin:0 48px;padding:20px 0 28px;border-top:1px solid #dbe3e2;color:#71807e;font-size:11px;line-height:1.6}.settlement-story .source-note p{margin:0;max-width:650px}.settlement-story .source-note a{white-space:nowrap;text-underline-offset:4px}
@media(min-width:1500px){.settlement-story .story{padding-top:65px;padding-bottom:50px}}
@media(max-width:900px){.settlement-story .story{gap:30px;padding:36px 26px;grid-template-columns:.8fr 1.2fr}.settlement-story .story-title{font-size:40px;letter-spacing:-1.8px}.settlement-story .intro{font-size:14px}.settlement-story .scene{padding:22px 20px}.settlement-story .chapter{margin-top:28px}.settlement-story .chapters{gap:5px}.settlement-story .chapters button{font-size:10px}.settlement-story .source-note{margin-inline:26px;gap:25px}}
@media(max-width:680px){.settlement-story .story{display:flex;flex-direction:column;gap:27px;padding:32px 22px 25px}.settlement-story .editorial{padding:0;width:100%}.settlement-story .story-title{font-size:43px;line-height:1.04;letter-spacing:-1.7px;margin-bottom:18px}.settlement-story .story-title br:last-child{display:none}.settlement-story .eyebrow{font-size:9px;margin-bottom:16px}.settlement-story .intro{font-size:14px;max-width:440px;line-height:1.65}.settlement-story .chapter{display:none}.settlement-story .chapters{margin-top:23px;max-width:none}.settlement-story .chapters button{font-size:11px;padding-top:9px}.settlement-story .chapters button span{display:none}.settlement-story .scene-column{width:100%;max-width:480px}.settlement-story .scene-caption{font-size:10px;gap:6px}.settlement-story .scene-duration{font-size:9px}.settlement-story .scene{padding:21px 20px 17px;border-radius:14px}.settlement-story .scene-title{font-size:18px}.settlement-story .scene-footer button{font-size:10px}.settlement-story .source-note{display:block;margin-inline:22px;font-size:10px}.settlement-story .source-note p{margin-bottom:10px}.settlement-story .motion-status{min-height:30px}}
@media(max-width:359px){.settlement-story .story{padding-inline:16px}.settlement-story .story-title{font-size:38px}.settlement-story .scene{padding-inline:15px}.settlement-story .scene-heading{gap:7px}.settlement-story .scene-title{font-size:16px}.settlement-story .scene-duration{display:none}.settlement-story .credit{margin-inline:-7px;padding-inline:7px}.settlement-story .allocation-labels strong{font-size:19px}.settlement-story .scene-footer{gap:8px}.settlement-story .scene-footer>span{font-size:9px}.settlement-story .desktop-break{display:none}}

.settlement-story{padding:0;line-height:normal;max-width:1380px;margin-inline:auto}.settlement-story .story-title{color:var(--ink);text-wrap:initial}.settlement-story .scene-title{font-family:Inter,system-ui,sans-serif;line-height:normal;text-wrap:initial}.settlement-story .source-note a{text-decoration:underline}.settlement-link{display:inline-block;margin-top:12px;color:var(--mint);font-size:13px;text-decoration:underline;text-underline-offset:4px}