/* Structured Data Generator — tool-specific styles (Brief 6.7).
   Loaded only by templates/tools/schema-generator.php. Shared tokens and
   components come from tokens.css + site.css; only workspace layout,
   the repeatable-group rows and the validation lists live here. */

.sg-layout { display: grid; gap: var(--space-5); }
@media (min-width: 1024px) {
  .sg-layout { grid-template-columns: 1fr 1fr; align-items: start; }
}

.sg-type-row { max-width: 420px; margin-bottom: var(--space-4); }

.sg-group {
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin: 0 0 var(--space-4);
}
.sg-group legend {
  font-weight: var(--weight-semibold);
  padding: 0 var(--space-2);
}
.sg-group-row {
  border-top: 1px solid var(--color-line);
  padding-top: var(--space-3);
  margin-top: var(--space-3);
}
.sg-group-row .btn { margin-top: var(--space-1); }

.sg-preview-wrap { position: sticky; top: var(--space-4); }
.sg-preview-wrap .code-block pre { max-height: 560px; overflow: auto; }

.sg-validation { margin-top: var(--space-3); }
.sg-validation ul { margin: var(--space-2) 0 0; padding-left: var(--space-5); }
.sg-validation li { margin-bottom: var(--space-1); }

.sg-policy-note { max-width: 860px; }