/* SYSTEM.CSS — Slate & Silicon */
/* Aligned to styles.css reskin. Variables deferred to styles.css :root. */

body {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
}

p, h1, h2, h3 { margin: 0; }
a { text-decoration: none; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--space-4, 32px);
}

.body-text {
  font-size: 1rem;
  color: var(--muted);
  max-width: 60ch;
}

/* Diagnosis stack — homepage */
.diagnosis-stack {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 24px;
}

.diagnosis-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.subtle-note {
  margin-top: 20px;
  opacity: .5;
  font-size: 13px;
}

@media (max-width: 768px) {
  .lab-hero { padding-top: var(--space-6, 64px); }
  .copy-stack { gap: var(--space-2, 16px); }
}