/* Vol. 6 artwork: original spread coordinates; scoped to Systems pages. */
.systems-connections{margin:70px 0 100px;background:var(--bg);color:#111;}
.connections-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#999 #eee;}
.connections-art{display:block;width:100%;min-width:1920px;height:auto;font-family:'Times New Roman',var(--serif);}
.connections-art .connection-label{paint-order:stroke;stroke:var(--bg);stroke-width:1.4px;stroke-linejoin:round;}
.connections-project:hover text,.connections-project:focus-visible text{text-decoration:underline;text-decoration-thickness:.25px;text-underline-offset:1px;}
.connections-project:focus-visible{outline:none;}
.connections-project:focus-visible text{stroke:var(--bg);stroke-width:.4px;paint-order:stroke;fill:#9a2025;}
.connections-scroll:focus-visible{outline:2px solid #b3402b;outline-offset:4px;}
.connections-caption{display:none;margin:0 0 18px;padding:0 24px;color:#555;font-size:13px;}
@media(min-width:2100px){.connections-art{min-width:0;}}
@media(max-width:700px){.systems-connections{margin:42px 0 60px;}.connections-caption{padding:0 18px;}}

/* Single text introduction followed directly by the connections artwork. */
.systems-hero.systems-hero-connections{display:block;min-height:0;padding:112px 42px 30px;border-bottom:0;}
.systems-hero-connections .systems-hero-text{max-width:1000px;}
.systems-hero-connections h1{max-width:1000px;}
.systems-hero-connections + .systems-connections{margin-top:0;}
@media(max-width:700px){
 .systems-hero.systems-hero-connections{padding:36px 18px 26px;}
 .systems-hero-connections h1{font-size:clamp(40px,10vw,64px)!important;}
}

.connections-art ellipse[fill="#fff"]{fill:var(--bg);}

/* Show navigation hint on phone and tablet layouts only. */
@media(max-width:1180px){.connections-caption{display:block;}}