/* ══════════════════════════════════════════════════════════════
   PATTERN — Scale indicator
   Single-axis horizontal scale with a marker dot showing where
   on the spectrum a document/score sits. Used for the
   Policy–Strategi–Plan position visualization.

   Markup:
     <div style="position:relative">
       <div class="scale-track"></div>
       <div class="scale-marker-dot" style="left:42%"></div>
       <span class="scale-label" style="left:42%">Strategi</span>
     </div>

   Used by: STRATEGIANALYS (Policy–Strategi–Plan position)
   Candidates: any 1D position display where a single value is
   placed along a labeled axis
   ══════════════════════════════════════════════════════════════ */

.scale-track {
    position: relative;
    height: 2px;
    width: 100%;
    background: var(--border);
    margin: 2rem 0 0.75rem;
}

.scale-marker-dot {
    position: absolute;
    top: -5px;
    left: auto;
    width: 12px;
    height: 12px;
    background: var(--fg);
    border-radius: 50%;
}

.scale-label {
    position: absolute;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}