.kampania-main { }

.kampania-hero-grid {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: var(--space-5);
  align-items: center;
}
.kampania-hero-text { max-width: 520px; }
.kampania-hero-lead { max-width: 65ch; }
.kampania-hero-image img { width: 100%; height: auto; }

.kampania-intro-inner { max-width: 700px; margin-inline: auto; }

.kampania-timeline-track {
  display: flex;
  gap: var(--space-4);
  overflow-x: auto;
}
.kampania-step {
  background: var(--color-surface-contrast);
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-subtle);
  white-space: nowrap;
}
.kampania-timeline-desc { max-width: 70ch; margin-inline: auto; text-align: center; }

.kampania-map-frame img { cursor: zoom-in; }
.kampania-map-caption { text-align: center; max-width: 60ch; margin-inline: auto; }

.kampania-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-4);
}
.kampania-grid > * { min-width: 0; }

.kampania-guide-inner { max-width: 750px; }
.kampania-callout {
  background: var(--color-surface-secondary);
  padding: var(--space-4);
  border-radius: var(--radius-sm);
}

.kampania-advanced-inner { max-width: 700px; margin-inline: auto; }

.kampania-table-wrap { overflow-x: auto; }

.kampania-cta-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  text-align: center;
}
.kampania-cta-actions {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  justify-content: center;
}

.kampania-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  background: var(--color-accent-primary);
  width: 0%;
  z-index: 999;
}

@media (max-width: 900px) {
  .kampania-hero-grid { grid-template-columns: 1fr; }
  .kampania-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 600px) {
  .kampania-grid { grid-template-columns: 1fr; }
}