/* Scoped interactive workflow. Existing page typography and theme are retained. */
#chain{background:var(--page);padding-top:52px;padding-bottom:52px}
#chain h2{font-size:30px;line-height:1.28;max-width:760px;letter-spacing:-.5px}
#chain .td-studio-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;margin-top:28px;align-items:start}
#chain .td-studio-steps{display:grid;min-width:0}
#chain .td-studio-step{display:grid;grid-template-columns:28px 1fr 18px;gap:13px;align-items:center;min-height:62px;padding:16px 12px 16px 0;border:0;border-bottom:1px solid var(--line2);background:transparent;color:var(--ink2);text-align:left;font:inherit;font-size:16px;line-height:1.4;cursor:pointer;position:relative}
#chain .td-studio-step[aria-selected="true"]{color:var(--ink);background:linear-gradient(90deg,var(--teal-soft),transparent);padding-left:12px}
#chain .td-studio-step[aria-selected="true"]:before{content:'';position:absolute;top:14px;bottom:14px;left:0;width:2px;background:var(--teal)}
#chain .td-studio-step:hover{color:var(--ink)}
#chain .td-studio-step:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:3px}
#chain .td-studio-number{font-size:12px;font-family:var(--mono);color:var(--ink3)}
#chain .td-studio-step[aria-selected="true"] .td-studio-number,#chain .td-studio-step[aria-selected="true"] .td-studio-arrow{color:var(--teal)}
#chain .td-studio-console{border:1px solid var(--line2);border-radius:14px;background:var(--card);overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.1)}
#chain .td-studio-console-head{padding:13px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;font-size:12px;color:var(--ink2)}
#chain .td-studio-market{color:var(--teal)}
#chain .td-studio-pane{padding:22px 20px;min-height:209px}
#chain .td-studio-pane[hidden]{display:none}
#chain .td-studio-kicker{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
#chain .td-studio-pane h3{font-size:20px;line-height:1.35;font-weight:600;margin-bottom:12px}
#chain .td-studio-pane p{font-size:14px;line-height:1.7;color:var(--ink2);margin:0}
#chain .td-studio-facts{display:flex;gap:32px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
#chain .td-studio-facts dt{font-size:11px;color:var(--ink3)}
#chain .td-studio-facts dd{font-size:14px;color:var(--ink);font-weight:500;margin:4px 0 0}
#chain .td-studio-caption{font-size:12px;color:var(--ink3);line-height:1.6;margin:12px 0 0}
#chain .td-studio-relation{display:flex;gap:12px;flex-wrap:wrap}
#chain .td-studio-question{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}
#chain .td-studio-question small{display:block;font-size:11px;color:var(--ink3);margin-bottom:4px}
#chain .td-studio-checklist{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:14px;color:var(--ink2)}
#chain .td-studio-checklist li{padding-left:20px;position:relative}
#chain .td-studio-checklist li:before{content:'';width:6px;height:6px;border:1px solid var(--teal);position:absolute;left:0;top:8px;border-radius:50%}
#chain .td-studio-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:24px}
#chain .td-studio-case{font-size:13px;color:var(--ink2)}
#chain .td-studio-case:hover{color:var(--teal)}
@media(max-width:760px){#chain .td-studio-layout{grid-template-columns:1fr;gap:22px}#chain .td-studio-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}#chain .td-studio-step{font-size:14px;grid-template-columns:22px 1fr 12px;gap:8px;padding:14px 8px 14px 0;min-height:74px}#chain .td-studio-step[aria-selected="true"]{padding-left:9px}#chain .td-studio-actions{flex-wrap:wrap;justify-content:flex-start;gap:18px}#chain .td-studio-facts{gap:18px}}
@media(max-width:620px){#chain{padding-top:44px;padding-bottom:44px}#chain h2{font-size:27px}#chain .td-studio-console-head{font-size:11px;padding:12px 16px}#chain .td-studio-pane{padding:20px 16px;min-height:218px}#chain .td-studio-pane h3{font-size:18px}}

/* Deep-blue record surface, with restrained brand accents. */
#chain .td-studio-console{--ink:#eaf2fb;--ink2:#b7cbdc;--ink3:#91afc2;--teal:#6bddb9;--line:#244251;--line2:#345766;position:relative;border-color:#345766;background:radial-gradient(ellipse at 100% 0,rgba(46,162,134,.19),transparent 65%),linear-gradient(150deg,#112c3e,#071725);box-shadow:0 18px 42px rgba(0,0,0,.14)}
#chain .td-studio-console:before{content:'';position:absolute;top:0;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,#5dcaa5,transparent);opacity:.65}
#chain .td-studio-console-head{background:rgba(255,255,255,.025);padding-top:15px;padding-bottom:15px}
#chain .td-studio-console-head>span:first-child:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#5dcaa5;margin-right:9px;vertical-align:1px}
#chain .td-studio-pane{min-height:220px}
#chain .td-studio-pane h3{color:var(--ink);letter-spacing:-.2px}
#chain .td-studio-facts{padding-top:16px}
#chain .td-studio-facts dd{font-size:15px;font-variant-numeric:tabular-nums}
#chain .td-studio-facts div:last-child dd{color:var(--teal);font-size:18px;font-weight:600}
@media(max-width:620px){#chain .td-studio-pane{min-height:234px}}

/* Continuous workflow rail and distinct selected step. */
#chain .td-studio-steps{position:relative}
#chain .td-studio-steps:before{content:'';position:absolute;left:19px;top:30px;bottom:30px;width:1px;background:var(--line2)}
#chain .td-studio-step{grid-template-columns:38px 1fr 18px;gap:16px;min-height:72px;padding:12px 12px 12px 0;border-bottom:0;z-index:1}
#chain .td-studio-step[aria-selected="true"]{padding-left:0;background:linear-gradient(90deg,var(--teal-soft),transparent 95%)}
#chain .td-studio-step[aria-selected="true"]:before{display:none}
#chain .td-studio-node{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--page);border:1px solid var(--line2);color:var(--ink3)}
#chain .td-studio-node svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#chain .td-studio-step[aria-selected="true"] .td-studio-node{color:var(--teal);border-color:var(--teal-line);background:var(--card);box-shadow:0 0 18px var(--teal-soft)}
#chain .td-studio-copy small{display:block;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink3);margin-bottom:5px}
#chain .td-studio-copy strong{display:block;font-size:15px;font-weight:500;line-height:1.4}
#chain .td-studio-step[aria-selected="true"] .td-studio-copy small{color:var(--teal)}
@media(max-width:760px){#chain .td-studio-steps:before{display:none}#chain .td-studio-step{grid-template-columns:32px 1fr 12px;gap:9px;min-height:83px;padding:12px 6px 12px 0}#chain .td-studio-step[aria-selected="true"]{padding-left:0}#chain .td-studio-node{width:32px;height:32px;border-radius:10px}#chain .td-studio-node svg{width:21px;height:21px}#chain .td-studio-copy small{font-size:10px;letter-spacing:0}#chain .td-studio-copy strong{font-size:13px}}

#chain .td-studio-contact{display:flex;gap:16px;align-items:center;margin-top:6px}
#chain .td-studio-avatar{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:rgba(93,202,165,.1);border:1px solid rgba(93,202,165,.35);color:var(--teal);font-size:16px;font-weight:600}
#chain .td-studio-contact h3{margin-bottom:4px}
#chain .td-studio-contact .td-studio-role{color:var(--ink);font-weight:500;font-size:14px}
#chain .td-studio-contact p:last-child{font-size:12px}