/* Original two-row channel flow, isolated from legacy channel-* selectors. */
.cn-network{--cn-blue:#1559b5;--cn-ink:#172c48;--cn-muted:#60718a;--cn-border:#e2eaf4;box-sizing:border-box;font-family:inherit;color:var(--cn-ink);width:min(1200px,calc(100% - 48px));margin:0 auto;padding:80px 0;scroll-margin-top:110px}
.cn-network *{box-sizing:border-box}
.cn-network .cn-heading{margin-bottom:36px}
.cn-network .cn-eyebrow{margin:0 0 12px;color:var(--cn-blue);font-size:12px;font-weight:700;letter-spacing:.16em}
.cn-network h2{margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:750;line-height:1.2;letter-spacing:-.035em}
.cn-network .cn-intro{margin:14px 0 0;color:var(--cn-muted);font-size:16px;line-height:1.7}
.cn-network .cn-section{margin:32px 0 0;min-width:0}
.cn-network h3{margin:0 0 18px;font-size:20px;line-height:1.4;letter-spacing:-.02em}

.cn-network .cn-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;margin:0;padding:24px 18px;background:#fff;border:1px solid var(--cn-border);border-radius:14px;text-align:center}
.cn-network .cn-logo{display:flex;align-items:center;justify-content:center;width:100%;height:74px}
.cn-network .cn-logo img{display:block;width:100%;height:100%;max-width:150px;object-fit:contain;object-position:center;filter:none;opacity:1}
.cn-network .cn-name{font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.cn-network .cn-invitations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cn-network .cn-invitation{padding:28px;border:1px solid var(--cn-border);border-radius:14px;background:#f6f9fe}
.cn-network .cn-invitation p{margin:0 0 20px;font-size:15px;line-height:1.75;color:var(--cn-muted)}
.cn-network .cn-text-link{display:inline-block;color:var(--cn-blue);font-size:14px;font-weight:650;line-height:1.6;text-decoration:underline;text-underline-offset:5px}
.cn-network .cn-note{margin:26px 0 0;max-width:1000px;color:var(--cn-muted);font-size:12px;line-height:1.8}
.cn-network .cn-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}
.cn-network .cn-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 22px;border:1px solid var(--cn-blue);border-radius:7px;background:var(--cn-blue);color:#fff;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none}
.cn-network a:focus-visible{outline:3px solid #79b6ff;outline-offset:5px}
.cn-network .cn-button:hover{background:#104a98}
.cn-network.cn-preview{padding-top:56px;padding-bottom:56px}
.cn-network.cn-preview .cn-heading{margin-bottom:24px}
.cn-network.cn-preview h2{font-size:clamp(26px,3vw,36px)}

.cn-network.cn-preview .cn-card{padding:20px 12px;gap:12px}
.cn-network.cn-preview .cn-logo{height:54px}

@media(max-width:640px){.cn-network{width:calc(100% - 32px);padding:48px 0;scroll-margin-top:90px}.cn-network .cn-heading{margin-bottom:26px}.cn-network .cn-grid,.cn-network .cn-card{padding:20px 12px;gap:12px}.cn-network .cn-logo{height:64px}.cn-network .cn-invitations{grid-template-columns:1fr;gap:0}.cn-network .cn-invitation{padding:24px}.cn-network.cn-preview{padding:40px 0}.cn-network .cn-actions{gap:18px}.cn-network .cn-button{width:100%}}

/* Static first: every original logo remains readable without site motion. */
.cn-network{min-width:0;max-width:100%;--cn-gap:14px;--cn-card-width:174px}
.cn-network .cn-pause{display:inline-flex;align-items:center;min-height:40px;border:1px solid #dde4ed;border-radius:0;background:transparent;padding:10px 14px;color:#68788f;font:inherit;font-size:12px;cursor:pointer}
.cn-network .cn-pause:focus-visible{outline:3px solid #79b6ff;outline-offset:4px}
.cn-network .cn-section h3{font-size:12px;font-weight:500;color:#6c7b91;margin-bottom:14px}
.cn-network .cn-invitation h3{font-size:20px;font-weight:650;color:var(--cn-ink)}
.cn-network .cn-lane{max-width:100%;min-width:0;overflow:hidden}
.cn-network .cn-stream{display:block;transform:none}
.cn-network .cn-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:var(--cn-gap);list-style:none;margin:0;padding:0}
.cn-network .cn-duplicate{display:none;pointer-events:none}
.cn-network .cn-card,.cn-network.cn-preview .cn-card{height:128px;border-radius:6px;padding:18px 12px;gap:12px}
.cn-network .cn-logo,.cn-network.cn-preview .cn-logo{height:64px;max-width:128px}
.cn-network .cn-logo img{max-width:126px}
.cn-network .cn-name{font-size:13px;color:#53627b;font-weight:500}
/* Both groups have identical border-box widths including their trailing gap.
   No stream gap: translating half the stream equals exactly one full group. */
.motion-enabled:not(.motion-off) .cn-network .cn-stream{display:flex;width:max-content;animation:cn-channel-flow 42s linear infinite}
.motion-enabled:not(.motion-off) .cn-network .cn-group{display:flex;flex:0 0 auto;gap:var(--cn-gap);padding-right:var(--cn-gap)}
.motion-enabled:not(.motion-off) .cn-network .cn-card{flex:0 0 var(--cn-card-width);width:var(--cn-card-width)}
.motion-enabled:not(.motion-off) .cn-network .cn-reverse .cn-stream{animation-direction:reverse;animation-duration:48s}
.cn-network:hover .cn-stream,.cn-network:focus-within .cn-stream,.cn-network.cn-paused .cn-stream,.motion-suspended .cn-network .cn-stream{animation-play-state:paused!important}
@keyframes cn-channel-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){.cn-network{--cn-gap:10px;--cn-card-width:148px}.cn-network .cn-card,.cn-network.cn-preview .cn-card{height:118px}.cn-network .cn-logo,.cn-network.cn-preview .cn-logo{height:57px;max-width:112px}.cn-network .cn-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){
.motion-enabled:not(.motion-off) .cn-network .cn-stream{display:block;width:auto;animation:none;transform:none}
.motion-enabled:not(.motion-off) .cn-network .cn-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));padding-right:0}
.motion-enabled:not(.motion-off) .cn-network .cn-duplicate{display:none}
.motion-enabled:not(.motion-off) .cn-network .cn-card{width:auto}
}