/* Numbered Sections
   Each page section gets a counter: 01, 02, 03...
   Number in Grenze 400 meta color, followed by hairline rule */

.numbered-sections {
  counter-reset: section;
}

.numbered-section {
  margin-bottom: var(--space-24);
}

.numbered-section__header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
}

.numbered-section__header::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--hairline);
}

.numbered-section__title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--text-3xl);
  color: var(--heading);
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin: 0 0 var(--space-6);
}

.ticker-section {
  margin-bottom: var(--space-12);
}

@media (max-width: 567px) {
  .numbered-section {
    margin-bottom: var(--space-12);
  }
}

/* Compact variant: number + title on one line with hairline after */
.numbered-section--compact .numbered-section__header {
  flex-wrap: wrap;
}

.numbered-section--compact .numbered-section__title {
  font-size: var(--text-xl);
  order: -1;
  width: 100%;
  margin-bottom: var(--space-2);
}