/* Crisp, low-contrast linework matched to the supplied compass reference. */
.hero-compass { opacity: .91; }
.hero-compass .ring { stroke: #aeb9c3; stroke-width: 1; }
.hero-compass .outer { stroke: #a9b5bf; }
.hero-compass .light { fill: rgba(255,255,255,.88); }
.hero-compass .dark { fill: rgba(174,186,196,.28); }
.hero-compass .diagonal { fill: rgba(157,173,185,.34); }
.hero-compass .diagonal-soft { fill: rgba(199,210,218,.5); }
.hero-compass .axis { fill: #aeb9c3; opacity: .55; }