.uai-protocol-surface {
  margin-top: 1.75rem;
}

.uai-protocol-grid,
.uai-example-list,
.uai-api-summary,
.uai-code-grid,
.uai-pack-grid,
.uai-api-route-list,
.uai-stack-grid,
.uai-handoff-grid,
.uai-launch-flow {
  display: grid;
  gap: 1rem;
}

.uai-readiness-grid,
.uai-readiness-layout,
.uai-readiness-levels,
.uai-security-grid,
.uai-security-layout {
  display: grid;
  gap: 1rem;
}

.uai-protocol-card,
.uai-example-card,
.uai-validator-results,
.uai-stack-card,
.uai-handoff-card,
.uai-flow-step,
.uai-readiness-card,
.uai-readiness-panel,
.uai-readiness-level,
.uai-readiness-rules,
.uai-security-card,
.uai-security-panel {
  gap: 0.9rem;
}

.uai-operating-table-wrapper,
.uai-fit-table-wrapper {
  overflow-x: auto;
  margin-top: 1rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96) 0%, rgba(243, 248, 253, 0.99) 100%);
}

.uai-operating-table,
.uai-fit-table {
  width: 100%;
  min-width: 58rem;
  border-collapse: collapse;
}

.uai-operating-table th,
.uai-operating-table td,
.uai-fit-table th,
.uai-fit-table td {
  padding: 1rem 1.05rem;
  border-bottom: 1px solid rgba(18, 49, 79, 0.1);
  text-align: left;
  vertical-align: top;
}

.uai-operating-table thead th,
.uai-fit-table thead th {
  color: var(--uaix-text-soft);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(232, 240, 249, 0.78);
}

.uai-operating-table tbody th,
.uai-fit-table tbody th {
  min-width: 11rem;
  color: var(--uaix-ink);
  background: rgba(246, 249, 252, 0.86);
}

.uai-operating-table tbody tr:last-child th,
.uai-operating-table tbody tr:last-child td,
.uai-fit-table tbody tr:last-child th,
.uai-fit-table tbody tr:last-child td {
  border-bottom: 0;
}

.uai-operating-caption,
.uai-fit-caption,
.uai-stack-bridge,
.uai-handoff-note {
  margin: 1rem 0 0;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(18, 49, 79, 0.1);
  border-radius: 20px;
  background: rgba(246, 250, 255, 0.94);
  color: var(--uaix-text-soft);
}

.uai-operating-caption strong,
.uai-fit-caption strong,
.uai-stack-bridge strong {
  color: var(--uaix-ink);
}

.uai-handoff-grid {
  grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
  margin-top: 1rem;
}

.uai-readiness-grid {
  margin-top: 1rem;
}

.uai-readiness-card {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

.uai-readiness-card::after {
  content: "";
  position: absolute;
  inset: auto -18% -46% auto;
  width: 9rem;
  height: 9rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(53, 115, 180, 0.11) 0%, rgba(53, 115, 180, 0) 72%);
  pointer-events: none;
}

.uai-readiness-card--accent {
  border-color: rgba(35, 90, 146, 0.22);
  background: linear-gradient(180deg, rgba(237, 246, 255, 0.98) 0%, rgba(227, 239, 255, 0.98) 100%);
  box-shadow: 0 18px 40px rgba(39, 76, 124, 0.08);
}

.uai-readiness-card__stage {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.6rem;
  margin: 0;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  background: rgba(18, 49, 79, 0.08);
  color: var(--uaix-text-soft);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uai-readiness-level__claim {
  margin: 0;
  color: var(--uaix-text-soft);
}

.uai-readiness-level__claim strong {
  color: var(--uaix-ink);
}

.uai-readiness-rules {
  margin-top: 1rem;
}

.uai-security-grid {
  margin-top: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
}

.uai-security-card,
.uai-security-panel {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

.uai-security-card::after,
.uai-security-panel::after {
  content: "";
  position: absolute;
  inset: auto -16% -44% auto;
  width: 9rem;
  height: 9rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(39, 98, 161, 0.1) 0%, rgba(39, 98, 161, 0) 72%);
  pointer-events: none;
}

.uai-security-card--accent {
  border-color: rgba(35, 90, 146, 0.22);
  background: linear-gradient(180deg, rgba(237, 246, 255, 0.98) 0%, rgba(227, 239, 255, 0.98) 100%);
  box-shadow: 0 18px 40px rgba(39, 76, 124, 0.08);
}

.uai-security-card code {
	display: inline-block;
	padding: 0.2rem 0.5rem;
	border-radius: 999px;
	background: rgba(18, 49, 79, 0.08);
	color: var(--uaix-ink);
	font-size: 0.88rem;
	word-break: break-word;
}

.uai-security-card__value {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.4;
}

.uai-security-card__scope {
	margin: 0;
	color: var(--uaix-text-soft);
}

.uai-security-card__scope strong {
  color: var(--uaix-ink);
}

.uai-security-layout {
  margin-top: 1rem;
}

.uai-security-panel--warning {
  border-color: rgba(168, 108, 39, 0.22);
  background: linear-gradient(180deg, rgba(255, 249, 238, 0.98) 0%, rgba(255, 244, 228, 0.98) 100%);
}

.uai-security-panel--warning::after {
  background: radial-gradient(circle, rgba(174, 118, 38, 0.12) 0%, rgba(174, 118, 38, 0) 72%);
}

.uai-handoff-card {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

.uai-handoff-card::after {
  content: "";
  position: absolute;
  inset: auto -18% -46% auto;
  width: 9rem;
  height: 9rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(39, 98, 161, 0.1) 0%, rgba(39, 98, 161, 0) 72%);
  pointer-events: none;
}

.uai-handoff-card--emphasis {
  border-color: rgba(35, 90, 146, 0.2);
  background: linear-gradient(180deg, rgba(239, 247, 255, 0.98) 0%, rgba(230, 241, 255, 0.98) 100%);
  box-shadow: 0 18px 40px rgba(39, 76, 124, 0.08);
}

.uai-handoff-card__step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.4rem;
  margin: 0;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  background: rgba(18, 49, 79, 0.08);
  color: var(--uaix-text-soft);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uai-stack-card {
  position: relative;
  overflow: hidden;
}

.uai-stack-card::after {
  content: "";
  position: absolute;
  inset: auto -10% -40% auto;
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(68, 128, 189, 0.13) 0%, rgba(68, 128, 189, 0) 70%);
  pointer-events: none;
}

.uai-stack-card--core {
  border-color: rgba(35, 90, 146, 0.2);
  background: linear-gradient(180deg, rgba(237, 246, 255, 0.98) 0%, rgba(229, 241, 255, 0.98) 100%);
  box-shadow: 0 18px 40px rgba(39, 76, 124, 0.08);
}

.uai-launch-flow {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.uai-flow-step {
  position: relative;
  min-height: 100%;
  padding-left: 4rem;
}

.uai-flow-step__number {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: inline-flex;
  width: 2.1rem;
  height: 2.1rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #12314f 0%, #2f6aa5 100%);
  color: #f5f9fd;
  font-size: 0.86rem;
  font-weight: 700;
}

.uai-flow-step__body {
  display: grid;
  gap: 0.45rem;
}

.uai-flow-step__body h3,
.uai-flow-step__body p {
  margin: 0;
}

.uai-protocol-register {
  margin-top: 0.8rem;
}

.uai-route-list {
  margin: 0;
  padding-left: 1.1rem;
}

.uai-route-list li + li {
  margin-top: 0.65rem;
}

.uai-protocol-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1rem;
}

.uai-route-pill-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.uai-route-pill {
  display: grid;
  gap: 0.32rem;
  min-height: 100%;
  padding: 0.9rem 0.95rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(243, 248, 253, 0.99) 100%);
  box-shadow: 0 12px 26px rgba(20, 43, 66, 0.05);
}

.uai-route-pill span,
.uai-language-tab span,
.uai-copy-code__filename {
  color: var(--uaix-text-soft);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uai-route-pill strong,
.uai-language-tab strong {
  color: var(--uaix-ink);
  line-height: 1.35;
}

.uai-route-pill code {
  white-space: normal;
  word-break: break-word;
}

.uai-tabbed-code,
.uai-code-stack--flow {
  display: grid;
  gap: 1rem;
}

.uai-language-tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.uai-language-tab {
  flex: 1 1 12rem;
  display: grid;
  gap: 0.18rem;
  min-height: 4.35rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 18px;
  background: rgba(248, 251, 255, 0.9);
  color: var(--uaix-ink);
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.uai-language-tab:hover,
.uai-language-tab:focus-visible {
  border-color: rgba(35, 90, 146, 0.24);
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
}

.uai-language-tab.is-active,
.uai-language-tab[aria-selected="true"] {
  border-color: rgba(35, 90, 146, 0.26);
  background: linear-gradient(180deg, rgba(237, 246, 255, 0.98) 0%, rgba(227, 239, 255, 0.98) 100%);
  box-shadow: 0 16px 32px rgba(39, 76, 124, 0.08);
}

.uai-language-panel,
.uai-copy-code {
  display: grid;
  gap: 0.9rem;
}

.uai-language-panel__header {
  display: grid;
  gap: 0.45rem;
}

.uai-language-panel__header h3,
.uai-language-panel__summary {
  margin: 0;
}

.uai-language-panel__summary {
  color: var(--uaix-text-soft);
  line-height: 1.58;
}

.uai-copy-code {
  min-height: 100%;
}

.uai-copy-code__meta {
  align-items: flex-start;
}

.uai-copy-code__meta > div {
  display: grid;
  gap: 0.2rem;
}

.uai-copy-code__filename code {
  padding: 0.16rem 0.42rem;
  border-radius: 999px;
  background: rgba(18, 49, 79, 0.08);
  color: var(--uaix-ink);
  font-size: 0.8rem;
}

.uai-copy-code pre {
  margin: 0.75rem 0 0;
}

.uai-api-summary-card,
.uai-pack-card,
.uai-api-route-card,
.uai-pack-steps,
.uai-code-card {
  gap: 0.9rem;
}

.uai-api-route-head {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 0.9rem;
}

.uai-method-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.5rem;
  padding: 0.38rem 0.72rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uai-method-pill--get {
  color: #0c5138;
  background: rgba(141, 228, 198, 0.34);
  border: 1px solid rgba(57, 132, 104, 0.2);
}

.uai-method-pill--post {
  color: #5d4300;
  background: rgba(227, 199, 143, 0.42);
  border: 1px solid rgba(130, 94, 16, 0.16);
}

.uai-protocol-actions--stack {
  justify-content: flex-end;
}

.uai-registry-row {
  align-items: start;
}

.uai-validator-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr);
  gap: 1rem;
  align-items: start;
}

.uai-validator-output-stack {
  display: grid;
  gap: 1rem;
}

.uai-validator-toolbar {
  display: grid;
  gap: 0.8rem;
  margin: 1rem 0 1.1rem;
}

.uai-validator-example-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.75rem;
}

.uai-validator-example {
  display: grid;
  gap: 0.22rem;
  min-height: 100%;
  padding: 0.9rem 0.95rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 18px;
  background: rgba(248, 251, 255, 0.92);
  color: var(--uaix-ink);
  text-align: left;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.uai-validator-example:hover,
.uai-validator-example:focus-visible {
  border-color: rgba(35, 90, 146, 0.24);
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
}

.uai-validator-example.is-active,
.uai-validator-example[aria-pressed="true"] {
  border-color: rgba(35, 90, 146, 0.26);
  background: linear-gradient(180deg, rgba(237, 246, 255, 0.98) 0%, rgba(227, 239, 255, 0.98) 100%);
  box-shadow: 0 16px 32px rgba(39, 76, 124, 0.08);
}

.uai-validator-example span,
.uai-validator-artifact span,
.uai-validator-action span,
.uai-validator-stat span {
  color: var(--uaix-text-soft);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uai-validator-example strong,
.uai-validator-artifact strong,
.uai-validator-action strong,
.uai-validator-stat strong {
  color: var(--uaix-ink);
  line-height: 1.34;
}

.uai-validator-example code,
.uai-validator-artifact code,
.uai-validator-action code {
  color: var(--uaix-text-soft);
  font-size: 0.78rem;
  white-space: normal;
  word-break: break-word;
}

.uai-validator-form {
  display: grid;
  gap: 0.8rem;
}

.uai-validator-editor-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 0.8rem 1rem;
}

.uai-validator-editor-tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

.uai-validator-label {
  color: var(--uaix-text-soft);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uai-validator-textarea {
  min-height: 24rem;
  width: 100%;
  padding: 1rem;
  border: 1px solid rgba(18, 49, 79, 0.18);
  border-radius: 18px;
  background: #0d2339;
  color: #eef5fb;
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.93rem;
  line-height: 1.55;
  resize: vertical;
}

.uai-validator-textarea:focus {
  outline: 2px solid rgba(155, 212, 255, 0.55);
  outline-offset: 2px;
}

.uai-validator-mock-controls {
  display: grid;
  gap: 0.7rem;
}

.uai-validator-mock-controls select {
  min-height: 3rem;
}

.uai-validator-mock-note {
  margin: 0;
  color: var(--uaix-text-soft);
  line-height: 1.56;
}

.uai-validator-primary-actions {
  align-items: center;
}

.uai-route-pill-grid--compact .uai-route-pill {
  min-height: 0;
}

.uai-validation-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.uai-validator-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.uai-validator-stat {
  display: grid;
  gap: 0.28rem;
  min-height: 100%;
  padding: 0.9rem 0.95rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 24px rgba(20, 43, 66, 0.04);
}

.uai-validator-issue-stack {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
}

.uai-validator-issue-section,
.uai-validator-artifacts,
.uai-validator-next-steps {
  display: grid;
  gap: 0.8rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 20px;
  background: rgba(248, 251, 255, 0.94);
}

.uai-validator-issue-section--errors {
  border-color: rgba(149, 58, 58, 0.2);
  background: linear-gradient(180deg, rgba(255, 248, 248, 0.96) 0%, rgba(252, 239, 239, 0.98) 100%);
}

.uai-validator-issue-section--warnings {
  border-color: rgba(190, 137, 45, 0.2);
  background: linear-gradient(180deg, rgba(255, 251, 243, 0.96) 0%, rgba(252, 245, 231, 0.98) 100%);
}

.uai-validator-issue-section--empty {
  background: rgba(248, 251, 255, 0.9);
}

.uai-validator-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.uai-validator-section-head h4,
.uai-validator-issue-section h4,
.uai-validator-artifacts h4,
.uai-validator-next-steps h4 {
  margin: 0;
  color: var(--uaix-ink);
}

.uai-validator-issue-section p,
.uai-validator-artifacts p,
.uai-validator-next-steps p {
  margin: 0;
  color: var(--uaix-text-soft);
  line-height: 1.56;
}

.uai-validator-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  min-height: 2.1rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(18, 49, 79, 0.08);
  color: var(--uaix-ink);
  font-size: 0.78rem;
  font-weight: 700;
}

.uai-validator-issue-list {
  display: grid;
  gap: 0.7rem;
}

.uai-validator-issue-list li {
  display: grid;
  gap: 0.48rem;
  padding: 0.85rem 0.9rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
}

.uai-validator-issue-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.uai-validator-issue-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
  padding: 0.18rem 0.58rem;
  border-radius: 999px;
  background: rgba(149, 58, 58, 0.1);
  color: #7d3029;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uai-validator-issue-pill--code {
  background: rgba(18, 49, 79, 0.08);
  color: var(--uaix-ink);
}

.uai-validator-issue-message {
  margin: 0;
  color: var(--uaix-ink);
  line-height: 1.56;
}

.uai-validator-issue-path {
  color: var(--uaix-text-soft);
  font-size: 0.8rem;
  word-break: break-word;
}

.uai-validator-issue-help {
  color: var(--uaix-accent);
  font-weight: 700;
}

.uai-validator-artifact-grid,
.uai-validator-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.75rem;
}

.uai-validator-artifact,
.uai-validator-action {
  display: grid;
  gap: 0.25rem;
  min-height: 100%;
  padding: 0.85rem 0.9rem;
  border: 1px solid rgba(18, 49, 79, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(20, 43, 66, 0.04);
}

.uai-validator-artifact small,
.uai-validator-action small {
  color: var(--uaix-text-soft);
  line-height: 1.52;
}

.uai-validator-inline-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

.uai-validator-download-record[disabled],
.uai-validator-run-mock[disabled],
[data-validator-download-mock][disabled] {
  cursor: not-allowed;
  opacity: 0.55;
}

.uai-validator-record {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(18, 49, 79, 0.12);
}

.uai-validator-record pre {
  margin: 0.75rem 0 0;
  max-height: 18rem;
  overflow: auto;
  padding: 1rem;
  border-radius: 18px;
  background: #0d2339;
  color: #eef5fb;
}

.uai-validator-results[data-validator-state="working"],
.uai-validator-mock[data-validator-mock-state="working"] {
  border-color: rgba(35, 90, 146, 0.26);
  background: linear-gradient(180deg, rgba(243, 248, 255, 0.96) 0%, rgba(233, 241, 252, 0.98) 100%);
}

.uai-validator-results[data-validator-state="pass"] {
  border-color: rgba(59, 128, 96, 0.28);
  background: linear-gradient(180deg, rgba(245, 253, 248, 0.94) 0%, rgba(238, 249, 242, 0.98) 100%);
}

.uai-validator-results[data-validator-state="warn"] {
  border-color: rgba(190, 137, 45, 0.3);
  background: linear-gradient(180deg, rgba(255, 250, 240, 0.95) 0%, rgba(252, 244, 227, 0.98) 100%);
}

.uai-validator-results[data-validator-state="fail"] {
  border-color: rgba(149, 58, 58, 0.28);
  background: linear-gradient(180deg, rgba(255, 246, 246, 0.95) 0%, rgba(252, 236, 236, 0.98) 100%);
}

.uai-validator-mock[data-validator-mock-state="pass"] {
  border-color: rgba(59, 128, 96, 0.28);
  background: linear-gradient(180deg, rgba(245, 253, 248, 0.94) 0%, rgba(238, 249, 242, 0.98) 100%);
}

.uai-validator-mock[data-validator-mock-state="warn"] {
  border-color: rgba(190, 137, 45, 0.3);
  background: linear-gradient(180deg, rgba(255, 250, 240, 0.95) 0%, rgba(252, 244, 227, 0.98) 100%);
}

.uai-validator-mock[data-validator-mock-state="fail"] {
  border-color: rgba(149, 58, 58, 0.28);
  background: linear-gradient(180deg, rgba(255, 246, 246, 0.95) 0%, rgba(252, 236, 236, 0.98) 100%);
}

.uai-code-card pre,
.uai-api-example-panel pre {
  margin: 0.75rem 0 0;
}

@media (min-width: 800px) {
  .uai-protocol-grid,
  .uai-api-summary,
  .uai-pack-grid,
  .uai-code-grid,
  .uai-readiness-layout,
  .uai-readiness-levels,
  .uai-security-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uai-stack-grid,
  .uai-launch-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uai-readiness-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .uai-language-panel__header {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    align-items: start;
  }
}

@media (min-width: 1120px) {
  .uai-launch-flow {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .uai-readiness-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .uai-validator-workbench {
    grid-template-columns: minmax(0, 1fr);
  }

  .uai-registry-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .uai-operating-table {
    min-width: 50rem;
  }

  .uai-fit-table {
    min-width: 46rem;
  }
}

@media (max-width: 799px) {
  .uai-validator-editor-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .uai-validator-editor-tools {
    justify-content: flex-start;
  }

  .uai-validator-summary-grid {
    grid-template-columns: 1fr;
  }

  .uai-flow-step {
    padding-left: 4rem;
  }

  .uai-language-tab {
    flex-basis: 100%;
  }
}

@media (min-width: 800px) {
  .uai-flow-step {
    padding-left: 1.2rem;
  }

  .uai-flow-step__number {
    position: static;
    margin-bottom: 0.3rem;
  }
}