:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--bg); }
button, input, select, textarea { font: inherit; }

.conformance-root { min-height: 100vh; }
.conformance-section { display: grid; gap: 14px; padding-block: 20px; border-top: var(--border-line); }
.conformance-section:first-child { border-top: 0; }
.conformance-section > h2, .conformance-section h3 { margin: 0; color: var(--text-strong); }
.conformance-section p { margin-block: 0 12px; }
.conformance-section label { display: grid; gap: 5px; color: var(--text-label); font-size: 13px; font-weight: 700; }
.conformance-workspace { height: 430px; }
.conformance-definition { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); min-height: 330px; gap: 12px; }
.conformance-canvas { position: relative; min-height: 330px; overflow: hidden; }

@media (max-width: 760px) {
  .conformance-definition { grid-template-columns: 1fr; }
  .conformance-workspace { height: auto; min-height: 560px; }
}

@media (prefers-reduced-motion: reduce) {
  .conformance-root *, .conformance-root *::before, .conformance-root *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}