.thunderlink-green-streak{position:relative;isolation:isolate}
.thunderlink-green-streak__background{position:absolute;left:0;top:0;width:100%;overflow:hidden;z-index:-1;pointer-events:none}
/* Keep the final pane's breathing room inside its green background.
   Extend the viewport frame slightly at the bottom so the sweep continues. */
.tl-page :is(.thunderlink-green-streak,.streak-canvas) .tl-content--diagrams{padding-bottom:0}
.tl-page :is(.thunderlink-green-streak,.streak-canvas) #spectrum-summary{--streak-bottom-space:32px;box-sizing:border-box;min-height:calc(100svh + var(--streak-bottom-space));align-content:center;padding-block:var(--site-gutter) calc(var(--site-gutter) + var(--streak-bottom-space));border-top:1px solid #191c2026}
@media(max-width:850px){.tl-page :is(.thunderlink-green-streak,.streak-canvas) #spectrum-summary{min-height:calc(100svh - var(--nav-h,69px) + var(--streak-bottom-space));padding-block:clamp(2rem,6vw,3rem) calc(clamp(2rem,6vw,3rem) + var(--streak-bottom-space))}}
.thunderlink-green-streak .feedback-story__scene::before{background:var(--streak-color,#626a65)}
@media(min-width:851px){.thunderlink-green-streak .feedback-story__scene::before{clip-path:var(--streak-scene-polygon)}}
/* Phones: the cycle stays on its section's light panel with dark ink; the green begins at the reverse-engineering pane. */
@media(max-width:850px){
 .thunderlink-green-streak .feedback-story__scene::before{display:none}
 .prototype-diagonal .thunderlink-green-streak .feedback-cycle{--cycle-ink:#27392f;--cycle-line:#686b68;--cycle-upgrade:#31834c;--lab-active:#287447;--lab-caption:#677265}
}
.tl-page .thunderlink-green-streak [data-streak-ink=light]{color:#eff2eb}
.tl-page .thunderlink-green-streak [data-streak-ink=dark]{color:var(--streak-original-ink,#27392f)}
.tl-page .thunderlink-green-streak [data-streak-ink=split]{background-image:var(--streak-text-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}