@layer components{.opening-context-rail{gap:var(--spacing-4);flex-direction:column;margin-top:10.5rem;display:flex}.opening-context-rail__progress{padding:var(--spacing-3) var(--spacing-4);background:var(--self-card-surface);border:1px solid var(--brand-gold-muted);border-radius:var(--radius-md);color:var(--brand-gold);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:block}.opening-context-rail__progress:hover{background:var(--hover-surface);border-color:var(--brand-gold)}.opening-context-rail__peers{gap:var(--spacing-2);flex-direction:column;display:flex}.opening-context-rail__peers-heading{margin:0 0 var(--spacing-1);font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.opening-context-rail__peer-skeleton{gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.opening-context-rail__peer-skeleton-bar{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-muted) 25%, var(--border-subtle) 50%, var(--surface-muted) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite opening-context-shimmer;display:block}.opening-context-rail__peer-skeleton-title{width:70%;height:15px}.opening-context-rail__peer-skeleton-caption{width:45%;height:12px}.opening-context-rail__peer-skeleton-motif{border-radius:var(--radius-sm);background:var(--surface-muted);height:30px}@keyframes opening-context-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}