.section-mounts {
  border-top: var(--border-width) solid var(--color-border);
}

.hero[id],
.mount-section[id] {
  scroll-margin-top: var(--navigation-offset);
}

.mount-section {
  padding-block: var(--space-7);
  border-bottom: var(--border-width) solid var(--color-border);
  background: var(--color-surface);
}

.mount-section:nth-child(even) {
  background: var(--color-canvas);
}

.mount-section h2 {
  font-size: var(--font-size-xl);
}

.mount-note {
  margin-block-start: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.data-readiness .chart-mount {
  min-height: 3rem;
  margin-block: var(--space-3) var(--space-6);
  border: var(--border-width) dashed var(--color-border);
  border-radius: var(--radius-sm);
}

.data-readiness .chart-mount:last-child {
  margin-block-end: 0;
}

.chart-contracts {
  display: grid;
  gap: var(--space-6);
}

.directory-layout {
  display: grid;
  gap: var(--space-4);
}

.directory-mount {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.directory-symbol-link {
  min-height: var(--touch-target-min);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--space-3);
}

.directory-action {
  width: fit-content;
}

@media (min-width: 768px) {
  .chart-contracts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .data-readiness .chart-mount {
    margin-block-end: 0;
  }
}