.examSchema {
  border-radius: var(--ff-radius-xl);
  background: var(--ff-surface);
  border: 1px solid var(--ff-border);
  padding: var(--ff-space-6);
  box-shadow: var(--ff-shadow-card);
}
.examSchemaHeader { margin-bottom: var(--ff-space-5); }
.examSchemaEyebrow {
  display: block;
  margin-bottom: var(--ff-space-2);
  font-size: var(--ff-text-meta-desktop);
  font-weight: 800;
  color: var(--ff-text-secondary);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.examSchemaHeader h2 { margin: 0; font-size: clamp(1.5rem, 2vw, 2rem); line-height: var(--ff-leading-title); letter-spacing: -0.03em; }
.examSchemaList { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--ff-space-3); }
.examSchemaStep {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--ff-space-4);
  padding: var(--ff-space-5);
  border-radius: var(--ff-radius-lg);
  background: var(--ff-surface-soft);
  border: 1px solid var(--ff-border);
}
.examSchemaStep.active { background: var(--ff-primary-soft); border-color: rgba(31, 79, 216, 0.22); }
.examSchemaIndex { display: grid; place-items: center; width: 34px; height: 34px; border-radius: var(--ff-radius-pill); background: var(--ff-primary); color: var(--ff-text-inverse); font-weight: 800; font-variant-numeric: tabular-nums; }
.examSchemaStep h3 { margin: 0 0 var(--ff-space-1); font-size: 1rem; color: var(--ff-text-primary); letter-spacing: -0.01em; text-transform: none; }
.examSchemaStep p { margin: 0; line-height: var(--ff-leading-body); color: var(--ff-text-primary); }
.examSchemaLaw { display: inline-flex; margin-top: var(--ff-space-3); font-size: var(--ff-text-meta-desktop); font-weight: 750; color: var(--ff-primary); }
.examSchemaHint { margin-top: var(--ff-space-2) !important; color: var(--ff-text-secondary); }
@media (max-width: 520px) {
  .examSchema { padding: var(--ff-space-5); }
  .examSchemaStep { grid-template-columns: 1fr; gap: var(--ff-space-3); }
}