#horizon .horizon-graphic{position:relative;width:100%;aspect-ratio:720/680;isolation:isolate}
#horizon .horizon-graphic>svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
#horizon .horizon-particle-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#horizon .horizon-mapping{fill:none;stroke:#83a5b7;stroke-linecap:round}
#horizon .horizon-leader{stroke:#aebebf;stroke-width:.8;stroke-linecap:round;opacity:.62}
#horizon .horizon-anchor{fill:#ecd9b2}
#horizon .horizon-anchor-halo{fill:none;stroke:#e7ce95;stroke-width:.8}
#horizon .horizon-target{fill:#a8c4d0}
#horizon .horizon-source-label{font-size:18px;fill:#d6dcd8}
#horizon .horizon-target-label{font-size:17px;fill:#cdd8da}
#horizon .horizon-unexplored{font-size:13px;fill:#7e96a3}
#horizon .horizon-unexplored-leader{fill:none;stroke:#698796;stroke-width:.7;stroke-dasharray:2 4;opacity:.6}
#horizon .horizon-meaning{font-size:17px;fill:#8fa6b1}
@media(max-width:750px){#horizon .horizon-source-label{font-size:21px}#horizon .horizon-target-label{font-size:19px}}

/* More breathing room for the nebula and the five market labels. */
#horizon .study-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:64px}
#horizon .automatic-figure{padding-top:6px}
#horizon .horizon-source-label,#horizon .horizon-target-label{font-family:Arial,sans-serif;font-weight:400;letter-spacing:0}
#horizon .horizon-source-label{paint-order:stroke;stroke:#0d1112;stroke-width:3px;stroke-linejoin:round}
#horizon .figure-status{text-align:center;font-size:11px;line-height:1.6;max-width:94%;margin:0 auto;padding-top:0}
@media(max-width:1100px){#horizon .study-layout{gap:36px}}
@media(max-width:750px){#horizon .study-layout{grid-template-columns:1fr;gap:36px}#horizon .horizon-source-label{font-size:20px}#horizon .horizon-target-label{font-size:18px}#horizon .horizon-meaning{font-size:19px}}
