/* Approved participation: approved component styles, isolated from other components. */
/* Markets Eye — Your Side / Our Side section. Original Split Security Feature
   box geometry / materials are retained in original-split-structure.css. */
.v5-participation{color-scheme:light;--me-ink:#0b0b0b;--me-ease:cubic-bezier(.19,.77,.18,1)}
.v5-participation,.v5-participation{margin:0;background:#fff;color:var(--me-ink)}
.v5-participation{font-family:"Helvetica Now Display","Helvetica Now Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.v5-participation #me-yes-no{overflow:hidden}
.v5-participation #me-yes-no *{box-sizing:border-box}
.v5-participation button{font-family:inherit}
.v5-participation .me-participation{padding:clamp(84px,9vw,160px) clamp(22px,3vw,60px) 0;background:#fff}
.v5-participation .me-participation__lead{width:min(1230px,100%);display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.72fr);gap:clamp(40px,6vw,135px);align-items:end;margin:0 auto clamp(86px,7.2vw,134px)}
.v5-participation .me-participation__lead h2{margin:0;font-weight:500;font-size:clamp(48px,5.45vw,94px);letter-spacing:-.066em;line-height:1.02}
.v5-participation .me-participation__summary{max-width:440px;padding-bottom:.24em}
.v5-participation .me-participation__summary p{font-size:clamp(18px,1.38vw,22px);font-weight:400;letter-spacing:-.022em;line-height:1.45;margin:0;color:#292929}
.v5-participation .me-participation__summary .me-participation__first{color:#0b0b0b;margin-bottom:20px}
.v5-participation .me-participation__summary em{font-style:normal;font-weight:500}
.v5-participation .me-participation__duo-container{width:100%;display:grid;place-items:center}
/* Keep the original 870px frame, 17px white bezel, 12px split gutter, 19px inner corners, and 535px internal height. */
.v5-participation .me-participation .duo-stage{min-height:0;width:100%;display:grid;place-items:center}
.v5-participation .me-participation .duo-shell{max-width:100%;}
/* Original light card content replaces demo marketing copy, but does not change its outer dimensions. */
.v5-participation .me-participation .duo-light{isolation:isolate}
.v5-participation .me-participation .duo-eyebrow{font-family:Inter,"Inter",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;font-size:10px;color:#777}
.v5-participation .me-duo-side-heading{font-family:Inter,Arial,sans-serif;font-weight:450;font-size:31px;letter-spacing:-1.6px;line-height:1.05;margin:11px 0 15px;color:#111}
.v5-participation .me-duo-side-heading__period{color:#b7b7b7}
.v5-participation .me-thread{font-family:Inter,Arial,sans-serif;display:flex;flex-direction:column;min-width:0;flex:1;min-height:0}
.v5-participation .me-thread__header{height:31px;flex:0 0 31px;display:flex;align-items:center;gap:8px;font-size:10.4px;letter-spacing:-.01em;color:#414141;border-bottom:1px solid #eee;padding-bottom:9px;margin-bottom:13px}
.v5-participation .me-thread__avatar{height:21px;width:21px;background:#191919;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:500}
.v5-participation .me-thread__header svg{margin-left:auto;color:#9b9b9b}
.v5-participation .me-thread__conversation{display:flex;flex-direction:column;gap:13px;min-height:0;justify-content:flex-start}
.v5-participation .me-thread__exchange{display:flex;flex-direction:column;gap:6px}
.v5-participation .me-msg{font-size:11.35px;letter-spacing:-.013em;line-height:1.38;font-weight:400;margin:0!important;padding:9px 12px;width:fit-content;max-width:88%;position:relative;box-shadow:none;white-space:normal}
.v5-participation .me-msg--received{align-self:flex-start;color:#242424;background:linear-gradient(180deg,#fafafa,#f2f2f2);border:1px solid #e6e6e6;border-radius:13px 13px 13px 4px}
.v5-participation .me-msg--sent{align-self:flex-end;background:#171717;color:#fff;border:1px solid #242424;border-radius:13px 13px 4px 13px;box-shadow:0 2px 7px rgba(0,0,0,.07)}
.v5-participation .me-duo-outro{font-family:Inter,Arial,sans-serif;max-width:285px;font-size:10.8px;line-height:1.5;color:#777;margin:auto 0 0;padding-top:15px}
/* Keep the original black-skeu physical material, code-window and action chrome. */
.v5-participation .me-participation .duo-dark{overflow:hidden}
.v5-participation .me-duo-code-header{font-family:Inter,Arial,sans-serif;display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:2px 3px 11px;font-size:10px;font-weight:550;letter-spacing:.035em;color:#ededed}
.v5-participation .me-duo-code-header__sub{font-size:9px;font-weight:400;letter-spacing:0;color:#8f8f8f;text-align:right}
.v5-participation .me-participation .duo-tabs{flex:0 0 auto}
.v5-participation .me-participation .duo-tabs button{font-family:Inter,Arial,sans-serif;cursor:pointer;font-size:9.5px;transition:background .24s ease,color .24s ease}
.v5-participation .me-participation .duo-tabs button:focus-visible{outline:2px solid #b6b6b6;outline-offset:1px}
.v5-participation .me-participation .duo-tabs .tab-dot{font-size:9px;display:inline-grid;place-items:center;height:16px;width:16px;padding:0;line-height:1}
.v5-participation .me-participation .code-window{position:relative;min-height:0;display:block;padding:19px 18px;overflow:hidden;isolation:isolate;margin:12px 0;}
.v5-participation .me-code-panel{position:absolute;inset:19px 18px;opacity:0;visibility:hidden;transform:translateX(11px);transition:opacity 380ms ease,transform 460ms var(--me-ease),visibility 0s linear 460ms;overflow:hidden;pointer-events:none}
.v5-participation .me-code-panel.is-active{opacity:1;visibility:visible;transform:translateX(0);transition:opacity 380ms ease,transform 460ms var(--me-ease),visibility 0s;pointer-events:auto}
.v5-participation .me-code-panel[hidden]{display:none}
.v5-participation .me-code-panel pre{margin:0;font:11.05px/1.57 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;color:#c6c6c6;white-space:pre;letter-spacing:-.01em;tab-size:2}
.v5-participation .me-code-panel .syntax-key{color:#dedede}
.v5-participation .me-code-panel .syntax-fn{color:#f4f4f4}
.v5-participation .me-code-panel .syntax-bool{color:#b1b1b1}
.v5-participation .me-code-panel .syntax-muted{color:#737373}
/* Text-only specular pass on a handful of consequential operations. No rectangular shine layer. */
.v5-participation .me-code-shine{position:relative;white-space:nowrap;color:#e8e8e8;background:linear-gradient(95deg,#dadada 0%,#e8e8e8 34%,#ffffff 49%,#dedede 62%,#e8e8e8 100%);background-size:330% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:me-code-sheen 7.2s ease-in-out infinite}
.v5-participation .me-code-shine .syntax-key,.v5-participation .me-code-shine .syntax-fn{-webkit-text-fill-color:transparent;color:inherit}
.v5-participation .me-code-shine:nth-of-type(3n){animation-delay:-2.2s}
@keyframes me-code-sheen{0%,18%{background-position:100% 0}35%,100%{background-position:0% 0}}
.v5-participation .me-participation .duo-actions{flex:0 0 auto}
.v5-participation .me-participation .status-chip,.v5-participation .me-participation .deploy-btn{font-family:Inter,Arial,sans-serif;padding:11px 9px;font-size:10px}
.v5-participation .me-participation .me-code-next{cursor:pointer}
.v5-participation .me-participation .me-code-next:hover{background:#dfdfdf}
.v5-participation .me-participation .me-code-next:active{transform:translateY(1px)}
.v5-participation .me-participation__takeaway{text-align:center;font-size:clamp(22px,2.2vw,37px);letter-spacing:-.044em;line-height:1.2;font-weight:500;margin:clamp(68px,7vw,126px) auto 0}
.v5-participation .me-participation__takeaway span{color:#8a8a8a}
/* Status-bearing transition; no card, no artificial section boundary. */
.v5-participation .me-transition{padding:clamp(220px,22vw,400px) clamp(24px,3vw,60px) clamp(120px,14vw,260px);background:#fff}
.v5-participation .me-transition__content{width:min(1460px,100%);margin:auto}
.v5-participation .me-transition__kicker{font-size:13px;font-weight:500;letter-spacing:.02em;margin:0}
.v5-participation .me-transition h2{font-weight:500;font-size:clamp(62px,8.9vw,166px);letter-spacing:-.075em;line-height:.94;margin:44px 0 0;text-wrap:balance}
.v5-participation .me-transition__headline-line{display:block;white-space:nowrap}
.v5-participation .me-transition__full-stop{color:#171717}
.v5-participation .me-transition__under{display:flex;justify-content:flex-end;margin-top:clamp(38px,5vw,92px)}
.v5-participation .me-transition__under p{font-size:clamp(18px,1.4vw,24px);line-height:1.44;letter-spacing:-.025em;max-width:475px;margin:0}
.v5-participation .me-progress{margin-top:clamp(130px,12vw,250px);width:100%;position:relative}
.v5-participation .me-progress__track{height:1px;background:#d1d1d1;position:relative;margin:0 0 28px}
.v5-participation .me-progress__track::before,.v5-participation .me-progress__track::after{content:"";position:absolute;top:-3.5px;width:8px;height:8px;border:1px solid #111;background:#fff;border-radius:50%}
.v5-participation .me-progress__track::before{left:0}.v5-participation .me-progress__track::after{right:0}
.v5-participation .me-progress__travel{position:absolute;left:0;top:0;height:2px;width:0;background:#111;transform-origin:left;will-change:width;transition:width 1600ms cubic-bezier(.2,.7,.17,1)}
.v5-participation .me-progress.is-visible .me-progress__travel{width:100%}
.v5-participation .me-progress__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.v5-participation .me-progress__step{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:baseline;color:#111}
.v5-participation .me-progress__number{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.v5-participation .me-progress__label{font-size:clamp(17px,1.65vw,27px);letter-spacing:-.035em;font-weight:500}
.v5-participation .me-progress__node{position:absolute;top:-32px;left:0;width:7px;height:7px;background:#111;border-radius:50%;transform:scale(.2);opacity:0;transition:transform 400ms cubic-bezier(.25,.8,.25,1),opacity 300ms ease}
.v5-participation .me-progress.is-visible .me-progress__step:nth-child(1) .me-progress__node{transform:scale(1);opacity:1;transition-delay:120ms}
.v5-participation .me-progress.is-visible .me-progress__step:nth-child(2) .me-progress__node{transform:scale(1);opacity:1;transition-delay:800ms}
.v5-participation .me-progress.is-visible .me-progress__step:nth-child(3) .me-progress__node{transform:scale(1);opacity:1;transition-delay:1510ms}
@media(min-width:1500px){.v5-participation .me-transition h2{font-size:min(8.6vw,156px)}}
@media(max-width:1000px){.v5-participation .me-participation__lead{grid-template-columns:1fr;gap:27px}.v5-participation .me-participation__lead h2{font-size:clamp(52px,7vw,80px)}.v5-participation .me-participation__summary{max-width:690px}.v5-participation .me-transition h2{font-size:clamp(56px,9.2vw,99px)}}
@media(max-width:700px){.v5-participation .me-participation{padding:90px 18px 0}.v5-participation .me-participation__lead{margin-bottom:65px}.v5-participation .me-participation__lead h2{font-size:clamp(43px,10vw,62px)}.v5-participation .me-participation__summary p{font-size:17px}.v5-participation .me-participation .duo-shell{width:min(440px,100%);display:flex;flex-direction:column;border-width:12px;gap:12px;border-radius:23px}.v5-participation .me-participation .duo-light{min-height:495px;padding:25px 20px 19px}.v5-participation .me-participation .duo-dark{min-height:510px;padding:15px 12px 12px}.v5-participation .me-thread__conversation{gap:13px}.v5-participation .me-msg{font-size:11.8px;padding:10px 12px}.v5-participation .me-duo-outro{margin-top:auto}.v5-participation .me-participation__takeaway{margin-top:69px;font-size:24px}.v5-participation .me-transition{padding:205px 22px 135px}.v5-participation .me-transition__kicker{font-size:12px}.v5-participation .me-transition h2{font-size:clamp(44px,10vw,76px);letter-spacing:-.067em;margin-top:28px;line-height:1.01}.v5-participation .me-transition__headline-line{white-space:normal}.v5-participation .me-transition__under{justify-content:start;margin-top:35px}.v5-participation .me-transition__under p{font-size:18px;max-width:440px}.v5-participation .me-progress{margin-top:103px}.v5-participation .me-progress__steps{gap:9px}.v5-participation .me-progress__step{display:flex;flex-direction:column;gap:9px}.v5-participation .me-progress__number{font-size:12px}.v5-participation .me-progress__label{font-size:clamp(15px,3.5vw,19px);line-height:1.2}.v5-participation .me-progress__node{top:-32px}}
@media(max-width:390px){.v5-participation .me-participation .duo-light{min-height:510px}.v5-participation .me-participation .duo-dark{min-height:500px}.v5-participation .me-code-panel pre{font-size:10.2px}.v5-participation .me-participation .duo-tabs button{font-size:8.8px;padding:8px 5px}.v5-participation .me-duo-code-header__sub{font-size:8.2px}.v5-participation .me-participation__takeaway{font-size:22px}.v5-participation .me-transition h2{font-size:10.6vw}}
@media(prefers-reduced-motion:reduce){.v5-participation .me-code-panel,.v5-participation .me-code-shine,.v5-participation .me-progress__travel,.v5-participation .me-progress__node{animation:none!important;transition:none!important}.v5-participation .me-progress__travel{width:100%}.v5-participation .me-progress__node{opacity:1;transform:scale(1)}}

/* Conversation arrives quietly on first view, not endlessly or on every tab click. */
@media(prefers-reduced-motion:no-preference){.v5-participation .me-thread__exchange{opacity:0;transform:translateY(9px);transition:transform 540ms cubic-bezier(.2,.8,.2,1),opacity 450ms ease}.v5-participation .me-thread__conversation.is-visible .me-thread__exchange{opacity:1;transform:translateY(0)}.v5-participation .me-thread__conversation.is-visible .me-thread__exchange:nth-child(2){transition-delay:130ms}.v5-participation .me-thread__conversation.is-visible .me-thread__exchange:nth-child(3){transition-delay:260ms}}