/* Scoped to the governance section; no hero selectors or shared style edits. */
#governance .governance-orb{width:min(100%,460px);height:340px;margin:16px auto 0;position:relative}
#governance .sphere-surface{width:100%;height:100%;border-radius:50%;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;outline-offset:3px}
#governance .sphere-surface.dragging{cursor:grabbing}
#governance .sphere-surface canvas{display:block;width:100%;height:100%}
#governance .sphere-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;font-size:11px;color:#627a9b;letter-spacing:.015em}
#governance .sphere-controls button{pointer-events:auto;min-height:44px;min-width:98px;padding:8px 12px;border:1px solid #d5dfed;border-radius:4px;background:#ffffffde;color:#47648d;font-size:11px;transition:background .2s,border-color .2s}
#governance .sphere-controls button:hover{background:#f1f6ff;border-color:#87a9df}
@media(max-width:900px){#governance .governance-orb{margin:24px 0 0;height:350px;width:min(100%,480px)}}
@media(max-width:700px){#governance .governance-orb{height:320px;margin:16px auto 0;width:min(100%,400px)}}
@media(prefers-reduced-motion:reduce){#governance .sphere-controls button{transition:none}}