/* Scoped adaptation of productive SPOT IT MEDIA Hero: its SVG node system, graph and curves.
   Colors exclusively Marcel. WhatsApp: Simple Icons CC0; Facebook: Font Awesome Free CC BY 4.0. */
#live .sv-hero-adapt{display:block;position:relative;margin:0 auto;width:100%;max-width:600px;min-width:0;padding:0;align-self:start}
#live .sv-hero-adapt .portfolio-hero-network{display:block;width:100%;height:auto;overflow:visible;transform:none}
.sv-hero-adapt .broadcast-links path{stroke:#989B95;stroke-width:.8;opacity:.35;fill:none}
.sv-hero-adapt .broadcast-links path[data-kind=input]{opacity:.5;stroke-width:1}
.sv-hero-adapt .broadcast-disc{fill:#EEECE4;stroke:#989B95;stroke-opacity:.5;stroke-width:1.1;filter:drop-shadow(0 2px 3px #1719170a)}
.sv-hero-adapt .broadcast-person{fill:#646962;stroke:none}
.sv-hero-adapt .is-reached .broadcast-disc{fill:#171917;stroke:#171917}
.sv-hero-adapt .is-reached .broadcast-person{fill:#EEECE4}
.sv-hero-adapt .broadcast-rim{fill:none;stroke:#989B95;stroke-width:.9;opacity:.35}
.sv-hero-adapt .broadcast-receive{fill:none;stroke:#F46545;stroke-width:1;pointer-events:none}
.sv-hero-adapt .broadcast-hub-aura{fill:#989B95;fill-opacity:.06}
.sv-hero-adapt .broadcast-hub-ring{fill:none;stroke:#989B95;stroke-dasharray:52 12 2 12;stroke-width:.8}
.sv-hero-adapt .broadcast-hub-rim{fill:none;stroke:#989B95;stroke-opacity:.5;stroke-width:1}
.sv-hero-adapt .broadcast-hub-disc{fill:#F4F2EC;stroke:#EEECE4;stroke-width:2;filter:drop-shadow(0 3px 7px #17191712)}
.sv-hero-adapt .hub-caption{font:400 17px 'Geist Mono',monospace;letter-spacing:0;fill:#646962}
.sv-hero-adapt .hub-event-disc{fill:#989B95;stroke:#F4F2EC;stroke-width:1}
.sv-hero-adapt .hub-main-event .hub-event-disc{fill:#F46545}
.sv-hero-adapt .hub-event-icon{fill:none;stroke:#EEECE4;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;color:#EEECE4}
.sv-hero-adapt .hub-event-response{fill:none;stroke:#F46545;stroke-width:.8}
.sv-hero-adapt .action-comet path{fill:none;stroke:#F46545;stroke-linecap:round}
.sv-hero-adapt .action-light{fill:#F46545;stroke:#EEECE4;stroke-width:.8}
.sv-hero-adapt .action-hub-ring{fill:none;stroke:#F46545;stroke-width:.9;pointer-events:none}
.sv-hero-adapt .action-packet{pointer-events:none;transition:none}
.sv-hero-adapt .card-surface{fill:#fff;stroke:#989B95;stroke-opacity:.6;stroke-width:.6}
.sv-hero-adapt .card-data{fill:none;stroke:#989B95;stroke-width:.6;opacity:.45}
.sv-hero-adapt .card-marker{fill:#646962;stroke:none}
.sv-hero-adapt .action-packet text{font:500 9px 'Inter Tight',sans-serif;letter-spacing:.2px;fill:#646962}
.sv-hero-adapt .sender{cursor:pointer;outline:none;touch-action:manipulation}
.sv-hero-adapt .sender-hit{fill:transparent;stroke:none;pointer-events:all}
.sv-hero-adapt .sender-ready{fill:none;stroke:#989B95;stroke-width:.8;opacity:.6}
.sv-hero-adapt .sender-focus{fill:none;stroke:#F46545;stroke-width:1.6;opacity:0;pointer-events:none}
.sv-hero-adapt .sender:focus-visible .sender-focus{opacity:1}
.sv-hero-adapt .sender[aria-disabled=true]{cursor:default}
@media(hover:hover){.sv-hero-adapt .sender[aria-disabled=false]:hover .sender-ready{stroke:#F46545;opacity:1}}
#live .sv-hero-adapt .hero-pause{display:block;margin:0 0 0 auto;padding:8px 0;min-height:30px;background:none;box-shadow:none;border:0;border-bottom:1px solid #989B9540;border-radius:0;font:400 9px 'Inter Tight',sans-serif;color:#646962;cursor:pointer}
#live .sv-hero-adapt .hero-pause:focus-visible{outline:1px solid #F46545;outline-offset:3px}
@media(max-width:700px){.sv-hero-adapt .hero-secondary{display:none}#live .sv-hero-adapt{max-width:390px}}

/* Hub-only map pass: shared country silhouette, authentic product markers. */
.sv-hero-adapt .hub-germany{fill:#989B95;fill-opacity:.18;stroke:#858A82;stroke-width:1.15;stroke-linejoin:round}
.sv-hero-adapt .hub-region{fill:none;stroke:#B9BCB4;stroke-width:.6;stroke-opacity:.65;stroke-linejoin:round}
.sv-hero-adapt .hub-background-event{opacity:.66}
@media(max-width:700px){.sv-hero-adapt .hub-marker-secondary{display:none}}

/* Free map hub: same shared country geometry, with the map itself as the hub. */
.sv-hero-adapt .hub-germany{fill:#EEECE4;fill-opacity:1;stroke:#858A82;stroke-width:1.15}
.sv-hero-adapt .hub-region{stroke:#B9BCB4;stroke-opacity:.65}

/* Map-hub beauty pass only: unchanged surrounding network and motion. */
.sv-hero-adapt .hub-germany{stroke:#767D73;stroke-width:1.05}
.sv-hero-adapt .hub-region{stroke:#A9AEA4;stroke-width:.55;stroke-opacity:.62}
.sv-hero-adapt .hub-caption{font-size:18px}
@media(max-width:700px){.sv-hero-adapt .hub-region-secondary{display:none}}

/* Compact signal pills only; map and network geometry remain frozen. */
.sv-hero-adapt .card-surface{fill:#F7F6F1;stroke:#989B95;stroke-opacity:.55;stroke-width:.6}
.sv-hero-adapt .card-data{display:none}
.sv-hero-adapt .card-marker{fill:none;stroke:#646962;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.sv-hero-adapt .action-packet text{font-family:'Geist Mono',monospace;font-weight:400;letter-spacing:0;fill:#171917}

/* Existing input nodes: Coral sender role, including the reached state. */
.sv-hero-adapt .input-sender .broadcast-disc{fill:#F46545;stroke:#F46545}
.sv-hero-adapt .input-sender .broadcast-person{fill:#EEECE4}

/* Mobile-only visibility of three existing downstream people; desktop stays frozen. */
@media(max-width:700px){.sv-hero-adapt .hero-secondary.mobile-visible{display:block}}

/* Mobile hierarchy only: retain geometry, stroke widths and workflow timings. */
@media(max-width:700px){
 #live .sv-hero-adapt{margin-top:-15px}
 .sv-hero-adapt .broadcast-links path[data-from="4"],
 .sv-hero-adapt .broadcast-links path[data-from="5"],
 .sv-hero-adapt .broadcast-links path[data-from="23"][data-to="4"],
 .sv-hero-adapt .broadcast-links path[data-from="23"][data-to="5"]{opacity:.392}
}

/* Final mobile control readability only; desktop and pause logic unchanged. */
@media(max-width:700px){
 #live .sv-hero-adapt .hero-pause{font-size:10px;color:#464B44}
}

/* Desktop balance only: scale the complete finished networks, preserving their internal geometry. */
@media(min-width:768px){
 #live :is(#project-panel-warn,#project-panel-tier) .sv-hero-adapt{transform:translateX(-40px) scale(1.125);transform-origin:left top}
 #live .sv-hero-adapt .hero-pause{font-family:'Geist Mono',monospace}
 /* Remove only the excess trailing section space; shared panel geometry and Community stay intact. */
 #live.live-projects{padding-bottom:15px}
}