/* Guides Page */
.guide-list { display: flex; flex-direction: column; gap: var(--space-3); }
.guide-content p { font-size: var(--text-base); font-weight: 400; color: var(--clr-text-muted); line-height: var(--leading-relaxed); margin-bottom: var(--space-3); }
.guide-content ul, .guide-content ol { font-size: var(--text-base); font-weight: 400; color: var(--clr-text-muted); padding-left: var(--space-6); margin-bottom: var(--space-3); line-height: var(--leading-relaxed); }
.guide-steps { display: flex; flex-direction: column; gap: var(--space-4); counter-reset: step; }
.guide-step {
  counter-increment: step; display: flex; gap: var(--space-3);
  padding: var(--space-4); background: var(--clr-bg-panel); border: 1px solid var(--clr-border); border-radius: var(--radius-md);
}
.guide-step-number {
  width: 32px; height: 32px; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; background: var(--clr-accent); color: #000; font-size: var(--text-sm); font-weight: 700; border-radius: 50%;
  &::after { content: counter(step); }
}
.guide-step-content { font-size: var(--text-base); font-weight: 400; color: var(--clr-text-muted); line-height: var(--leading-relaxed); }
.guide-tabs { display: flex; gap: var(--space-2); margin-bottom: var(--space-4); flex-wrap: wrap; }
.guide-tab {
  padding: var(--space-2) var(--space-4); font-size: var(--text-xs); font-family: var(--font-mono);
  background: var(--clr-surface); color: var(--clr-text-muted); border: 1px solid var(--clr-border);
  border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition-fast);
  &:hover { color: var(--clr-text); border-color: var(--clr-border-light); }
  &.active { background: var(--clr-accent-dim); color: var(--clr-accent); border-color: color-mix(in srgb, var(--clr-accent) 30%, transparent); }
}