/* Page-scoped styles for the-platform.html.
   Consumes design tokens defined in styles.css :root. */

.tech-details {
  margin-top: var(--space-md);
}

.tech-toggle {
  background: none;
  border: 1px solid var(--sage-light);
  color: var(--text-muted);
  padding: 0.4rem var(--space-md);
  border-radius: var(--radius-sm);
  font-size: 0.8125rem;
  cursor: pointer;
  font-family: inherit;
  transition: border-color var(--transition-fast), color var(--transition-fast);
}

.tech-toggle:hover,
.tech-toggle:focus-visible {
  border-color: var(--deep-teal);
  color: var(--deep-teal);
  outline: none;
}

.tech-content {
  display: none;
  margin-top: var(--space-md);
  padding: var(--space-md);
  background: var(--sage-faint);
  border-radius: var(--radius-md);
  font-size: 0.9375rem;
  color: var(--charcoal);
  line-height: 1.6;
}

.tech-content.open {
  display: block;
}