/* src/styles/theme.css */
.oref-body {
  background: var(--oref-color-bg);
  color: var(--oref-color-fg);
  font-family: var(--oref-font-family-sans);
  font-size: var(--oref-font-size-500);
  line-height: var(--oref-font-leading-data);
  margin: 0;
}
.oref-root {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 100vh;
}
.oref-root *:focus-visible {
  outline: var(--oref-focus-width) solid var(--oref-focus-color);
  outline-offset: var(--oref-focus-offset);
}
.oref-header {
  align-items: stretch;
  background: var(--oref-color-surface);
  border-bottom: var(--oref-border-hair) solid var(--oref-color-line-edge);
  display: flex;
  height: var(--oref-layout-bar);
  min-width: 0;
  position: sticky;
  top: 0;
  z-index: 60;
}
.oref-brand {
  align-items: baseline;
  border-right: var(--oref-border-hair) solid var(--oref-color-line);
  color: var(--oref-color-fg);
  display: flex;
  flex: 0 0 var(--oref-layout-rail);
  gap: var(--oref-space-400);
  padding: var(--oref-space-300) var(--oref-space-600);
  text-decoration: none;
}
.oref-header-mid {
  align-items: center;
  display: flex;
  flex: 1;
  gap: var(--oref-space-500);
  min-width: 0;
  overflow: hidden;
  padding: 0 var(--oref-space-600);
}
.oref-back {
  border: var(--oref-border-hair) solid var(--oref-color-line-edge);
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-100);
  padding: var(--oref-space-100) var(--oref-space-400);
  text-decoration: none;
  white-space: nowrap;
}
.oref-back:hover {
  border-color: var(--oref-color-line-strong);
  color: var(--oref-color-fg);
}
.oref-crumb {
  color: var(--oref-color-fg-muted);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-100);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oref-tabs {
  align-items: stretch;
  display: flex;
}
.oref-tab {
  align-items: center;
  border-bottom: var(--oref-layout-tab-edge) solid transparent;
  border-left: var(--oref-border-hair) solid var(--oref-color-line-edge);
  color: var(--oref-color-fg-muted);
  display: flex;
  font-size: var(--oref-font-size-100);
  gap: var(--oref-space-300);
  letter-spacing: var(--oref-font-tracking-mid);
  padding: 0 var(--oref-space-600);
  text-decoration: none;
  text-transform: uppercase;
}
.oref-tab:hover {
  color: var(--oref-color-fg-secondary);
}
.oref-tab[aria-current=page] {
  background: var(--oref-color-surface-inset);
  border-bottom-color: var(--oref-color-accent-runtime);
  color: var(--oref-color-fg);
}
.oref-tab-count {
  color: var(--oref-drift-crit-fg);
  font-family: var(--oref-font-family-mono);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 1100px) {
  .oref-brand {
    flex: 0 0 auto;
  }
  .oref-tabs {
    overflow-x: auto;
  }
}
.oref-brand-title {
  font-family: var(--oref-font-family-display);
  font-size: var(--oref-font-size-500);
  font-weight: var(--oref-font-weight-bold);
  letter-spacing: var(--oref-font-tracking-head);
}
.oref-brand-version {
  color: var(--oref-color-fg-muted);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-mid);
  text-transform: uppercase;
}
.oref-layout {
  align-items: start;
  background: var(--oref-color-bg-sunken);
  display: grid;
  grid-template-columns: var(--oref-layout-rail) var(--oref-layout-gutter) minmax(0, 1fr);
  min-height: 100%;
}
.oref-layout::after {
  background-image: var(--oref-layout-tick);
  content: "";
  grid-column: 2;
  grid-row: 1;
  height: 100%;
  justify-self: center;
  width: var(--oref-border-hair);
}
.oref-layout::before {
  background: var(--oref-color-surface-inset);
  border-right: var(--oref-border-hair) solid var(--oref-color-line);
  content: "";
  grid-column: 1;
  grid-row: 1;
  height: 100%;
  width: 100%;
}
.oref-sidebar {
  grid-column: 1;
  grid-row: 1;
  max-height: calc(100vh - var(--oref-layout-bar));
  overflow-y: auto;
  padding: var(--oref-space-600) var(--oref-space-500);
  position: sticky;
  top: var(--oref-layout-bar);
}
.oref-nav,
.oref-nav-scroll,
.oref-schema-page {
  display: block;
}
.oref-runtime-item,
.oref-topology-edge {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-200) var(--oref-space-300);
}
.oref-runtime-item + .oref-runtime-item {
  margin-top: var(--oref-space-300);
}
.oref-nav-list {
  list-style: none;
  margin: 0;
  min-height: calc(20 * var(--oref-layout-nav-row));
  padding: 0;
}
.oref-nav-list.oref-nav-rendered {
  min-height: 0;
}
.oref-nav-entry {
  margin: 0;
}
.oref-nav-entry[data-oref-level="2"] .oref-nav-item {
  padding-inline-start: var(--oref-space-600);
}
.oref-nav-entry[data-oref-level="3"] .oref-nav-item {
  padding-inline-start: var(--oref-space-800);
}
.oref-nav-entry[data-oref-level="4"] .oref-nav-item,
.oref-nav-entry[data-oref-level="5"] .oref-nav-item,
.oref-nav-entry[data-oref-level="6"] .oref-nav-item {
  padding-inline-start: var(--oref-space-900);
}
.oref-nav-item {
  align-items: baseline;
  border-inline-start: var(--oref-border-mark) solid transparent;
  color: var(--oref-color-fg-secondary);
  display: flex;
  font-size: var(--oref-font-size-300);
  padding: var(--oref-space-200) var(--oref-space-400);
  text-decoration: none;
}
.oref-nav-item .oref-nav-label {
  flex: 1;
}
.oref-nav-item:hover {
  background: var(--oref-color-accent-bg);
  color: var(--oref-color-fg);
}
.oref-nav-item.oref-active {
  background: var(--oref-color-accent-bg);
  border-inline-start-color: var(--oref-color-accent-runtime);
  color: var(--oref-color-fg);
  font-weight: var(--oref-font-weight-medium);
}
.oref-nav-item.oref-nav-group {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-100);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-wide);
  margin-top: var(--oref-space-500);
  text-transform: uppercase;
}
.oref-nav-item.oref-deprecated {
  color: var(--oref-color-fg-muted);
  text-decoration: line-through;
}
.oref-nav-item.oref-nav-toggle {
  background: none;
  border-block: 0;
  border-inline-end: 0;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  gap: var(--oref-space-300);
  justify-content: space-between;
  text-align: start;
  width: 100%;
}
.oref-nav-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oref-check-count,
.oref-nav-count,
.oref-rule-count {
  color: var(--oref-color-fg-muted);
  font-variant-numeric: tabular-nums;
}
.oref-nav-stats {
  border-bottom: var(--oref-border-hair) solid var(--oref-color-line);
  color: var(--oref-color-fg-muted);
  display: flex;
  font-size: var(--oref-font-size-100);
  gap: var(--oref-space-500);
  letter-spacing: var(--oref-font-tracking-mid);
  margin-bottom: var(--oref-space-400);
  padding: var(--oref-space-300) var(--oref-space-400) var(--oref-space-400);
  text-transform: uppercase;
}
.oref-nav-stats-drift {
  color: var(--oref-drift-crit-fg);
  font-family: var(--oref-font-family-mono);
  font-weight: var(--oref-font-weight-regular);
  margin-left: auto;
}
.oref-nav-stats-missing {
  margin-left: auto;
}
.oref-nav-drift {
  color: var(--oref-drift-crit-fg);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-100);
  font-variant-numeric: tabular-nums;
  margin-left: auto;
  padding-left: var(--oref-space-300);
}
.oref-nav-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oref-nav-error {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-200);
  padding: var(--oref-space-300) var(--oref-space-400);
}
.oref-content {
  background: var(--oref-color-bg);
  grid-column: 3;
  grid-row: 1;
  padding: var(--oref-space-800) var(--oref-space-700);
}
.oref-health-score,
.oref-title {
  font-family: var(--oref-font-family-display);
  font-size: var(--oref-font-size-700);
  font-weight: var(--oref-font-weight-bold);
  letter-spacing: var(--oref-font-tracking-head);
  line-height: var(--oref-font-leading-tight);
  margin: 0 0 var(--oref-space-400);
}
.oref-subtitle {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-400);
  margin: var(--oref-space-300) 0 0;
  width: 100%;
}
.oref-description {
  color: var(--oref-color-fg-secondary);
  line-height: var(--oref-font-leading-prose);
  max-width: var(--oref-layout-measure);
}
.oref-section,
.oref-section-health {
  border-top: var(--oref-border-hair) solid var(--oref-color-line);
  margin-top: var(--oref-space-800);
  padding-top: var(--oref-space-600);
}
.oref-section-title {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-100);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-wide);
  margin: 0 0 var(--oref-space-500);
  text-transform: uppercase;
}
.oref-overview,
.oref-operation {
  margin: 0;
}
.oref-operation-header {
  align-items: baseline;
  border-bottom: var(--oref-border-mark) solid var(--oref-color-accent-spec);
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-400);
  margin-bottom: var(--oref-space-600);
  padding-bottom: var(--oref-space-500);
}
.oref-operation-title {
  margin: 0;
}
.oref-endpoint {
  align-items: baseline;
  display: inline-flex;
  gap: var(--oref-space-400);
}
.oref-path,
.oref-address {
  background: var(--oref-color-surface-inset);
  color: var(--oref-color-fg);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-400);
  padding: var(--oref-space-100) var(--oref-space-300);
}
.oref-badge {
  background: var(--oref-color-method-event);
  color: var(--oref-color-fg-inverse);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-100);
  font-weight: var(--oref-font-weight-bold);
  letter-spacing: var(--oref-font-tracking-mid);
  padding: var(--oref-space-100) var(--oref-space-300);
  text-transform: uppercase;
}
.oref-badge.oref-method-get {
  background: var(--oref-color-method-get);
}
.oref-badge.oref-method-post {
  background: var(--oref-color-method-post);
}
.oref-badge.oref-method-put {
  background: var(--oref-color-method-put);
}
.oref-badge.oref-method-patch {
  background: var(--oref-color-method-patch);
}
.oref-badge.oref-method-delete {
  background: var(--oref-color-method-delete);
}
.oref-badge.oref-method-other {
  background: var(--oref-color-method-event);
}
.oref-badge.oref-deprecated {
  background: var(--oref-state-muted-bg);
  color: var(--oref-color-fg-secondary);
}
.oref-table {
  border-collapse: collapse;
  font-size: var(--oref-font-size-300);
  line-height: var(--oref-font-leading-data);
  width: 100%;
}
.oref-table th {
  border-bottom: var(--oref-border-hair) solid var(--oref-color-line-edge);
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-100);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-wide);
  padding: var(--oref-space-300) var(--oref-space-400);
  text-align: start;
  text-transform: uppercase;
}
.oref-table td {
  border-bottom: var(--oref-border-hair) solid var(--oref-color-line);
  padding: var(--oref-space-400);
  vertical-align: top;
}
.oref-param-row:hover {
  background: var(--oref-color-accent-bg);
}
.oref-param-name code {
  font-family: var(--oref-font-family-mono);
  font-weight: var(--oref-font-weight-medium);
}
.oref-param-in,
.oref-param-type {
  color: var(--oref-color-fg-secondary);
  font-family: var(--oref-font-family-mono);
  white-space: nowrap;
}
.oref-param-doc {
  color: var(--oref-color-fg-secondary);
}
.oref-param-doc .oref-description {
  line-height: var(--oref-font-leading-data);
}
.oref-required {
  color: var(--oref-state-crit-fg);
  font-size: var(--oref-font-size-100);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-mid);
  margin-inline-start: var(--oref-space-300);
  text-transform: uppercase;
}
.oref-media {
  border-inline-start: var(--oref-border-hair) solid var(--oref-color-line);
  margin-top: var(--oref-space-400);
  padding-inline-start: var(--oref-space-500);
}
.oref-media-head,
.oref-response-head,
.oref-run-summary {
  align-items: baseline;
  display: flex;
  gap: var(--oref-space-400);
}
.oref-media-type {
  color: var(--oref-color-fg);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
}
.oref-media-schema,
.oref-palette-hint,
.oref-run-header-name,
.oref-run-time,
.oref-runtime-note {
  color: var(--oref-color-fg-muted);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
}
.oref-response,
.oref-rule {
  border-top: var(--oref-border-hair) solid var(--oref-color-line);
  padding: var(--oref-space-500) 0;
}
.oref-response-doc {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-400);
}
.oref-status {
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-400);
  font-weight: var(--oref-font-weight-bold);
}
.oref-status.oref-status-1xx {
  color: var(--oref-state-info-fg);
}
.oref-status.oref-status-2xx {
  color: var(--oref-state-ok-fg);
}
.oref-status.oref-status-3xx {
  color: var(--oref-state-warn-fg);
}
.oref-status.oref-status-4xx,
.oref-status.oref-status-5xx {
  color: var(--oref-state-crit-fg);
}
.oref-status.oref-status-default {
  color: var(--oref-state-muted-fg);
}
.oref-kicker {
  align-items: baseline;
  color: var(--oref-color-fg-muted);
  display: flex;
  font-size: var(--oref-font-size-100);
  gap: var(--oref-space-300);
  letter-spacing: var(--oref-font-tracking-wide);
  text-transform: uppercase;
  width: 100%;
}
.oref-kicker-group {
  color: var(--oref-color-fg-secondary);
}
.oref-kicker-id {
  font-family: var(--oref-font-family-mono);
  letter-spacing: normal;
  text-transform: none;
}
.oref-operation-head-row {
  align-items: flex-start;
  display: flex;
  gap: var(--oref-space-600);
  justify-content: space-between;
  width: 100%;
}
.oref-driftbox {
  align-items: center;
  border: var(--oref-border-hair) solid var(--oref-state-crit-fg);
  color: var(--oref-state-crit-fg);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding: var(--oref-space-300) var(--oref-space-600);
}
.oref-driftbox-count {
  font-family: var(--oref-font-family-display);
  font-size: var(--oref-font-size-600);
  font-weight: var(--oref-font-weight-bold);
  line-height: var(--oref-font-leading-tight);
}
.oref-driftbox-label {
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-wide);
  text-transform: uppercase;
}
.oref-bench-link {
  background: var(--oref-color-accent-spec);
  color: var(--oref-color-fg-inverse);
  font-size: var(--oref-font-size-300);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-mid);
  padding: var(--oref-space-300) var(--oref-space-600);
  text-decoration: none;
  text-transform: uppercase;
}
.oref-kbd {
  border: var(--oref-border-hair) solid var(--oref-color-line-strong);
  color: var(--oref-color-fg-muted);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-100);
  margin-inline-start: var(--oref-space-300);
  padding: 0 var(--oref-space-200);
}
.oref-nav-item .oref-badge {
  flex-shrink: 0;
}
.oref-nav-path {
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oref-response-undocumented {
  background: var(--oref-state-crit-bg);
  padding-inline: var(--oref-space-400);
}
.oref-response-note {
  color: var(--oref-state-crit-fg);
  font-size: var(--oref-font-size-200);
}
.oref-section-count {
  font-weight: var(--oref-font-weight-regular);
}
.oref-errgrid {
  display: grid;
  gap: var(--oref-space-600);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .oref-errgrid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.oref-errgroup {
  border-inline-start: var(--oref-border-mark) solid var(--oref-color-line-edge);
  padding-inline-start: var(--oref-space-500);
}
.oref-errgroup-errors-declared {
  border-inline-start-color: var(--oref-prov-declared-fg);
  border-inline-start-style: var(--oref-prov-declared-border-style);
}
.oref-errgroup-errors-runtime-derived {
  border-inline-start-color: var(--oref-prov-derived-fg);
  border-inline-start-style: var(--oref-prov-derived-border-style);
}
.oref-errgroup-errors-global {
  border-inline-start-color: var(--oref-prov-inferred-fg);
  border-inline-start-style: var(--oref-prov-inferred-border-style);
}
.oref-errgroup-head {
  font-size: var(--oref-font-size-300);
  font-weight: var(--oref-font-weight-bold);
  margin: 0;
}
.oref-errgroup-sub {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-200);
  margin: var(--oref-space-100) 0 var(--oref-space-400);
}
.oref-errgroup-empty {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-300);
  margin: 0;
}
.oref-erritem {
  border-top: var(--oref-border-hair) solid var(--oref-color-line);
  padding: var(--oref-space-400) 0;
}
.oref-erritem-row {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-400);
}
.oref-erritem-title {
  color: var(--oref-color-fg);
  font-size: var(--oref-font-size-300);
}
.oref-erritem-schema {
  color: var(--oref-color-accent-link);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
}
.oref-erritem-type {
  color: var(--oref-color-fg-muted);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
  margin-top: var(--oref-space-200);
}
.oref-erritem-detail {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-300);
  line-height: var(--oref-font-leading-data);
  margin-top: var(--oref-space-200);
}
.oref-schema-dialect {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-200);
  margin: 0;
  width: 100%;
}
.oref-seg {
  display: inline-flex;
}
.oref-seg-btn {
  background: var(--oref-color-surface-inset);
  border: var(--oref-border-hair) solid var(--oref-color-line-strong);
  color: var(--oref-color-fg-secondary);
  font-family: var(--oref-font-family-sans);
  font-size: var(--oref-font-size-200);
  letter-spacing: var(--oref-font-tracking-mid);
  padding: var(--oref-space-200) var(--oref-space-500);
  text-transform: uppercase;
}
.oref-seg-btn + .oref-seg-btn {
  border-inline-start: none;
}
.oref-seg-btn[aria-pressed=true] {
  background: var(--oref-color-accent-bg);
  color: var(--oref-color-fg);
}
.oref-schema-item {
  position: relative;
}
.oref-schema-anchor {
  color: var(--oref-color-fg-muted);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
  inset-block-start: var(--oref-space-200);
  inset-inline-end: var(--oref-space-200);
  opacity: 0;
  position: absolute;
  text-decoration: none;
}
.oref-schema-item:hover > .oref-schema-anchor,
.oref-schema-anchor:focus-visible {
  opacity: 1;
}
.oref-run-verdict {
  font-size: var(--oref-font-size-200);
  padding: var(--oref-space-100) var(--oref-space-300);
}
.oref-run-verdict-ok {
  background: var(--oref-state-ok-bg);
  color: var(--oref-state-ok-fg);
}
.oref-run-verdict-off {
  background: var(--oref-state-warn-bg);
  color: var(--oref-state-warn-fg);
}
.oref-check-list,
.oref-drift-list,
.oref-palette-list,
.oref-schema-list,
.oref-schema-tree,
.oref-security-list,
.oref-server-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oref-check,
.oref-security-item,
.oref-server {
  align-items: baseline;
  border-bottom: var(--oref-border-hair) solid var(--oref-color-line);
  display: flex;
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-300);
  gap: var(--oref-space-400);
  padding: var(--oref-space-300) 0;
}
.oref-security-type {
  color: var(--oref-color-accent-runtime);
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-mid);
  text-transform: uppercase;
}
.oref-security-scopes,
.oref-security-where {
  color: var(--oref-color-fg-muted);
}
.oref-code {
  background: var(--oref-color-surface-code);
  border-inline-start: var(--oref-border-mark) solid var(--oref-color-line-edge);
  color: var(--oref-color-fg);
  display: block;
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-300);
  line-height: var(--oref-font-leading-prose);
  margin: var(--oref-space-400) 0;
  overflow-x: auto;
  padding: var(--oref-space-500);
}
.oref-example {
  margin: var(--oref-space-400) 0 0;
}
.oref-hl-line {
  display: inline;
}
.oref-hl-keyword {
  color: var(--oref-syntax-keyword);
}
.oref-hl-string,
.oref-hl-string-expression {
  color: var(--oref-syntax-string);
}
.oref-hl-constant {
  color: var(--oref-syntax-number);
}
.oref-hl-function {
  color: var(--oref-syntax-function);
}
.oref-hl-parameter {
  color: var(--oref-syntax-variable);
}
.oref-hl-comment {
  color: var(--oref-syntax-comment);
}
.oref-hl-punctuation {
  color: var(--oref-syntax-punctuation);
}
.oref-hl-link {
  color: var(--oref-color-accent-link);
  text-decoration: underline;
}
.oref-hl-italic {
  font-style: italic;
}
.oref-hl-bold {
  font-weight: var(--oref-font-weight-bold);
}
.oref-hl-underline {
  text-decoration: underline;
}
.oref-skip {
  background: var(--oref-color-surface);
  border: var(--oref-border-hair) solid var(--oref-color-line-edge);
  color: var(--oref-color-accent-link);
  inset-block-start: var(--oref-space-200);
  inset-inline-start: var(--oref-space-200);
  padding: var(--oref-space-300) var(--oref-space-500);
  position: absolute;
  transform: translateY(-200%);
  z-index: 2;
}
.oref-skip:focus {
  transform: translateY(0);
}
.oref-schema-list {
  border-inline-start: var(--oref-border-hair) solid var(--oref-color-line);
  margin-inline-start: var(--oref-space-400);
  padding-inline-start: var(--oref-space-400);
}
.oref-schema-item {
  margin: 0;
}
.oref-schema-row {
  align-items: baseline;
  background: none;
  border: none;
  color: var(--oref-color-fg);
  display: flex;
  font: inherit;
  font-size: var(--oref-font-size-300);
  gap: var(--oref-space-300);
  padding: var(--oref-space-100) 0;
  text-align: start;
  width: 100%;
}
button.oref-schema-row {
  cursor: pointer;
}
button.oref-schema-row:hover {
  background: var(--oref-color-accent-bg);
}
.oref-schema-marker {
  color: var(--oref-color-fg-muted);
  display: inline-block;
  text-align: center;
  width: var(--oref-space-500);
}
.oref-schema-marker.oref-closed::before {
  content: "+";
}
.oref-schema-marker.oref-open::before {
  content: "-";
}
.oref-schema-marker.oref-schema-leaf::before {
  content: "";
}
.oref-schema-name {
  font-family: var(--oref-font-family-mono);
}
.oref-schema-type {
  color: var(--oref-color-fg-secondary);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
}
.oref-drift-subject,
.oref-schema-link,
.oref-source-link,
a.oref-topology-name {
  color: var(--oref-color-accent-link);
  text-decoration: underline;
}
.oref-schema-doc {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-200);
}
.oref-schema-cycle {
  background: var(--oref-state-warn-bg);
  color: var(--oref-state-warn-fg);
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-mid);
  padding: 0 var(--oref-space-200);
  text-transform: uppercase;
}
.oref-schema-cycle-row .oref-schema-name {
  color: var(--oref-color-fg-secondary);
}
.oref-schema-empty {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
}
.oref-palette-open {
  background: var(--oref-color-surface);
  border: var(--oref-border-hair) solid var(--oref-color-line-edge);
  color: var(--oref-color-fg-secondary);
  cursor: pointer;
  font: inherit;
  font-size: var(--oref-font-size-300);
  padding: var(--oref-space-200) var(--oref-space-500);
}
.oref-palette-open:hover {
  border-color: var(--oref-color-fg-muted);
  color: var(--oref-color-fg);
}
.oref-palette-scrim {
  align-items: flex-start;
  backdrop-filter: blur(var(--oref-scrim-blur));
  background: var(--oref-color-scrim);
  display: flex;
  inset: 0;
  justify-content: center;
  padding-top: var(--oref-space-1000);
  position: fixed;
  z-index: 3;
}
.oref-palette {
  background: var(--oref-color-surface);
  border: var(--oref-border-hair) solid var(--oref-color-line-strong);
  box-shadow: var(--oref-shadow-overlay);
  margin: 0 var(--oref-space-600);
  max-height: 60vh;
  max-width: var(--oref-layout-measure);
  overflow-y: auto;
  width: 100%;
}
.oref-palette-input {
  background: var(--oref-color-surface-inset);
  border: none;
  border-bottom: var(--oref-border-hair) solid var(--oref-color-line);
  color: var(--oref-color-fg);
  font: inherit;
  font-size: var(--oref-font-size-400);
  padding: var(--oref-space-500);
  width: 100%;
}
.oref-palette-hit {
  margin: 0;
}
.oref-palette-hit.oref-active {
  background: var(--oref-color-accent-bg);
}
.oref-palette-link {
  color: var(--oref-color-fg);
  display: flex;
  gap: var(--oref-space-400);
  justify-content: space-between;
  padding: var(--oref-space-300) var(--oref-space-500);
  text-decoration: none;
}
.oref-palette-label {
  font-size: var(--oref-font-size-300);
}
.oref-palette-empty {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
  padding: var(--oref-space-500);
}
.oref-section-runtime,
.oref-section-tryit {
  border-top: var(--oref-border-mark) solid var(--oref-color-accent-runtime);
}
.oref-tryit-form {
  display: grid;
  gap: var(--oref-space-400);
}
.oref-field {
  display: grid;
  gap: var(--oref-space-200);
  max-width: var(--oref-layout-measure);
}
.oref-field-label {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-200);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-mid);
}
.oref-field-control {
  background: var(--oref-color-surface-inset);
  border: var(--oref-border-hair) solid var(--oref-color-fg-muted);
  border-radius: var(--oref-radius-none);
  color: var(--oref-color-fg);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-300);
  padding: var(--oref-space-300) var(--oref-space-400);
  width: 100%;
}
.oref-field-control:disabled {
  color: var(--oref-color-fg-muted);
}
.oref-field-body {
  line-height: var(--oref-font-leading-data);
  resize: vertical;
}
.oref-field-file {
  padding: var(--oref-space-200) var(--oref-space-300);
}
.oref-drift-rule,
.oref-field-note {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-wide);
  text-transform: uppercase;
}
.oref-tryit-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-400);
  margin-top: var(--oref-space-500);
}
.oref-send {
  background: var(--oref-color-accent-runtime);
  border: var(--oref-border-hair) solid var(--oref-color-accent-runtime);
  border-radius: var(--oref-radius-none);
  color: var(--oref-color-fg-inverse);
  font-family: var(--oref-font-family-sans);
  font-size: var(--oref-font-size-300);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-mid);
  padding: var(--oref-space-300) var(--oref-space-600);
  text-transform: uppercase;
}
.oref-send[data-oref-copy] {
  display: inline-grid;
  padding: var(--oref-space-300);
  place-items: center;
}
.oref-send:disabled {
  background: var(--oref-color-surface-inset);
  border-color: var(--oref-color-fg-muted);
  color: var(--oref-color-fg-muted);
}
.oref-field-oauth {
  border-inline-start: var(--oref-border-hair) solid var(--oref-color-fg-muted);
  gap: var(--oref-space-300);
  padding-inline-start: var(--oref-space-400);
}
.oref-signin,
.oref-signout {
  background: var(--oref-color-surface-inset);
  border-color: var(--oref-color-fg-muted);
  color: var(--oref-color-fg);
}
.oref-tryit-notice {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
  margin: 0;
}
.oref-embed-error {
  border-inline-start: var(--oref-drift-crit-border-width) var(--oref-drift-crit-border-style) var(--oref-drift-crit-fg);
  color: var(--oref-drift-crit-fg);
  font-size: var(--oref-font-size-300);
  margin: 0;
  padding-inline-start: var(--oref-space-300);
}
.oref-run-notice {
  margin-bottom: var(--oref-space-400);
}
.oref-run-error {
  background: var(--oref-drift-crit-bg);
  border-inline-start: var(--oref-drift-crit-border-width) var(--oref-drift-crit-border-style) var(--oref-drift-crit-fg);
  color: var(--oref-drift-crit-fg);
  font-size: var(--oref-font-size-300);
  margin: var(--oref-space-500) 0 0;
  padding: var(--oref-space-400) var(--oref-space-500);
}
.oref-run-result {
  border-top: var(--oref-border-hair) solid var(--oref-color-line-edge);
  margin-top: var(--oref-space-500);
  padding-top: var(--oref-space-500);
}
.oref-run-headers {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--oref-space-200) var(--oref-space-400);
  margin: var(--oref-space-400) 0 0;
}
.oref-drift-side,
.oref-run-header-value {
  color: var(--oref-color-fg-secondary);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
  margin: 0;
  overflow-wrap: anywhere;
}
.oref-run-body {
  background: var(--oref-color-surface-code);
  border: var(--oref-border-hair) solid var(--oref-color-line);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-300);
  margin: var(--oref-space-400) 0 0;
  overflow-wrap: anywhere;
  padding: var(--oref-space-500);
  white-space: pre-wrap;
}
.oref-parity-head,
.oref-parity-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--oref-layout-gutter) minmax(0, 1fr);
}
.oref-parity-headcell {
  font-size: var(--oref-font-size-100);
  font-weight: var(--oref-font-weight-medium);
  letter-spacing: var(--oref-font-tracking-wide);
  padding: var(--oref-space-400) var(--oref-space-600);
  text-transform: uppercase;
}
.oref-parity-headcell-spec {
  color: var(--oref-color-accent-spec);
}
.oref-parity-headcell-runtime {
  color: var(--oref-color-accent-runtime);
  grid-column: 3;
}
.oref-parity-headtick,
.oref-parity-gutter {
  background-image: var(--oref-layout-tick);
  background-position: center;
  background-repeat: no-repeat;
  background-size: var(--oref-border-hair) 100%;
  grid-column: 2;
}
.oref-parity-scale {
  border-block-start: var(--oref-border-hair) solid var(--oref-color-line);
}
.oref-parity {
  border-block-end: var(--oref-border-hair) solid var(--oref-color-line);
}
.oref-parity.oref-parity-drift {
  background: var(--oref-color-surface);
}
.oref-parity-gutter {
  align-items: center;
  display: flex;
  justify-content: center;
}
.oref-parity-cell {
  padding: var(--oref-space-500) var(--oref-space-600);
}
.oref-parity-cell-spec {
  grid-column: 1;
}
.oref-parity-cell-runtime {
  grid-column: 3;
}
.oref-parity-label {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-wide);
  text-transform: uppercase;
}
.oref-parity-value {
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-300);
  margin-block-start: var(--oref-space-200);
  overflow-wrap: anywhere;
}
.oref-parity-sub {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-200);
  margin-block-start: var(--oref-space-100);
}
.oref-hatch {
  background-image:
    repeating-linear-gradient(
      135deg,
      transparent 0 var(--oref-space-300),
      var(--oref-color-surface-inset) var(--oref-space-300) calc(2 * var(--oref-space-300)));
}
.oref-parity-empty {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
  font-style: italic;
  margin-block-start: var(--oref-space-300);
}
.oref-verdict {
  align-items: center;
  background: var(--oref-color-bg);
  border: var(--oref-border-hair) solid var(--oref-color-fg-muted);
  color: var(--oref-color-fg-secondary);
  display: flex;
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
  height: var(--oref-space-700);
  justify-content: center;
  width: var(--oref-space-700);
}
.oref-verdict-crit {
  border-color: var(--oref-drift-crit-fg);
  color: var(--oref-drift-crit-fg);
}
.oref-verdict-warn {
  border-color: var(--oref-drift-warn-fg);
  color: var(--oref-drift-warn-fg);
}
.oref-verdict-note {
  border-color: var(--oref-drift-note-fg);
  color: var(--oref-drift-note-fg);
}
.oref-verdict-unknown {
  border-style: dashed;
  color: var(--oref-color-fg-muted);
}
.oref-fixbar {
  align-items: center;
  border-block-start: var(--oref-border-hair) solid var(--oref-color-line);
  display: flex;
  gap: var(--oref-space-400);
  padding: var(--oref-space-300) var(--oref-space-600);
}
.oref-fixbar-crit {
  background: var(--oref-state-crit-bg);
}
.oref-fixbar-warn {
  background: var(--oref-state-warn-bg);
}
.oref-fixbar-note {
  background: var(--oref-state-muted-bg);
}
.oref-fixbar-text {
  font-size: var(--oref-font-size-200);
}
.oref-fixbar-rule {
  color: var(--oref-color-accent-link);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
  margin-inline-start: auto;
}
.oref-sev {
  align-items: center;
  display: inline-flex;
  font-size: var(--oref-font-size-100);
  gap: var(--oref-space-200);
  letter-spacing: var(--oref-font-tracking-wide);
  padding: 0 var(--oref-space-200);
  text-transform: uppercase;
  white-space: nowrap;
}
.oref-sev-glyph {
  font-family: var(--oref-font-family-mono);
}
.oref-sev-crit {
  border: var(--oref-border-hair) solid var(--oref-state-crit-fg);
  color: var(--oref-state-crit-fg);
}
.oref-sev-warn {
  border: var(--oref-border-hair) solid var(--oref-state-warn-fg);
  color: var(--oref-state-warn-fg);
}
.oref-sev-note {
  border: var(--oref-border-hair) solid var(--oref-state-muted-fg);
  color: var(--oref-state-muted-fg);
}
.oref-drift-code {
  color: var(--oref-color-accent-link);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-100);
}
.oref-prov-glyph {
  font-family: var(--oref-font-family-mono);
  margin-inline-end: var(--oref-space-100);
}
.oref-prov-declared {
  background: var(--oref-prov-declared-bg);
  border-inline-start: var(--oref-border-mark) var(--oref-prov-declared-border-style) var(--oref-prov-declared-fg);
  color: var(--oref-prov-declared-fg);
}
.oref-prov-derived {
  background: var(--oref-prov-derived-bg);
  border-inline-start: var(--oref-border-mark) var(--oref-prov-derived-border-style) var(--oref-prov-derived-fg);
  color: var(--oref-prov-derived-fg);
}
.oref-prov-inferred {
  background: var(--oref-prov-inferred-bg);
  border-inline-start: var(--oref-border-mark) var(--oref-prov-inferred-border-style) var(--oref-prov-inferred-fg);
  color: var(--oref-prov-inferred-fg);
}
.oref-prov {
  font-size: var(--oref-font-size-100);
  padding: 0 var(--oref-space-200);
  text-decoration: none;
}
.oref-drift-crit {
  background: var(--oref-drift-crit-bg);
  border-inline-start: var(--oref-drift-crit-border-width) var(--oref-drift-crit-border-style) var(--oref-drift-crit-fg);
}
.oref-drift-warn {
  background: var(--oref-drift-warn-bg);
  border-inline-start: var(--oref-drift-warn-border-width) var(--oref-drift-warn-border-style) var(--oref-drift-warn-fg);
}
.oref-drift-note {
  background: var(--oref-drift-note-bg);
  border-inline-start: var(--oref-drift-note-border-width) var(--oref-drift-note-border-style) var(--oref-drift-note-fg);
}
.oref-drift {
  display: grid;
  gap: var(--oref-space-200);
  padding: var(--oref-space-400) var(--oref-space-500);
}
.oref-drift-fix {
  color: var(--oref-color-accent-runtime);
  margin: 0;
}
.oref-drift-subjects,
.oref-drift-why {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-100);
}
.oref-drift-subjects summary,
.oref-drift-why summary {
  cursor: pointer;
}
.oref-drift-subjects ul {
  margin: var(--oref-space-100) 0 0;
  padding-left: var(--oref-space-500);
}
.oref-drift-why p {
  margin: var(--oref-space-100) 0 0;
}
.oref-rule-head,
.oref-suppression-head {
  cursor: pointer;
}
.oref-body,
.oref-brand-title,
.oref-brand-version,
.oref-description,
.oref-drift-fix,
.oref-drift-message,
.oref-drift-side,
.oref-drift-subject,
.oref-drift-why,
.oref-example,
.oref-media-schema,
.oref-nav-label,
.oref-palette-label,
.oref-param-doc,
.oref-param-name,
.oref-path,
.oref-response-doc,
.oref-runtime-item,
.oref-runtime-note,
.oref-schema-doc,
.oref-schema-name,
.oref-security-scopes,
.oref-security-where,
.oref-server,
.oref-subtitle,
.oref-title {
  unicode-bidi: isolate;
}
.oref-bench-page,
.oref-health-page,
.oref-service-page,
.oref-shapes-page,
.oref-states-page {
  display: block;
}
.oref-nav-entry-service {
  align-items: center;
  display: flex;
  gap: var(--oref-space-200);
}
.oref-nav-entry-service .oref-nav-toggle {
  flex: 1 1 auto;
}
.oref-nav-service,
.oref-service-status {
  background: var(--oref-color-fg-muted);
  block-size: var(--oref-space-400);
  border-radius: 50%;
  display: inline-block;
  flex: 0 0 auto;
  inline-size: var(--oref-space-400);
}
[data-oref-remote-status=fresh] {
  background: var(--oref-state-ok-fg);
}
[data-oref-remote-status=stale],
[data-oref-remote-status=pending] {
  background: var(--oref-drift-note-fg);
}
[data-oref-remote-status=degraded] {
  background: var(--oref-state-warn-fg);
}
[data-oref-remote-status=failed] {
  background: var(--oref-state-crit-fg);
}
.oref-service-status[data-oref-remote-status]::after {
  color: var(--oref-color-fg-muted);
  content: attr(data-oref-remote-status);
  font-size: var(--oref-font-size-200);
  margin-inline-start: var(--oref-space-500);
}
.oref-service-meta {
  align-items: center;
  color: var(--oref-color-fg-muted);
  display: flex;
  font-size: var(--oref-font-size-300);
  gap: var(--oref-space-400);
}
.oref-service-id {
  font-family: var(--oref-font-family-mono);
}
.oref-section-service {
  column-gap: var(--oref-space-600);
  display: grid;
  grid-template-columns: max-content 1fr;
  row-gap: var(--oref-space-300);
}
.oref-section-service > .oref-section-title {
  grid-column: 1 / -1;
}
.oref-service-fact {
  display: contents;
}
.oref-service-fact-label {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
}
.oref-service-fact-value {
  font-size: var(--oref-font-size-300);
  min-width: 0;
}
.oref-service-servers {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oref-health-empty {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
  max-width: var(--oref-layout-measure);
}
.oref-shapes {
  container-type: inline-size;
  display: grid;
  gap: var(--oref-space-800);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-block-start: var(--oref-space-600);
}
.oref-shapes-read {
  border-inline-end: var(--oref-border-hair) solid var(--oref-color-line-edge);
  padding-inline-end: var(--oref-space-800);
}
.oref-shapes-fill {
  min-width: 0;
}
@container (max-width: 56rem) {
  .oref-shapes {
    grid-template-columns: minmax(0, 1fr);
  }
  .oref-shapes-read {
    border-block-end: var(--oref-border-hair) solid var(--oref-color-line-edge);
    border-inline-end: 0;
    padding-block-end: var(--oref-space-700);
    padding-inline-end: 0;
  }
}
.oref-shape-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oref-shape-row {
  border-block-end: var(--oref-border-hair) solid var(--oref-color-line);
  column-gap: var(--oref-space-400);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding-block: var(--oref-space-300);
}
.oref-shape-variant {
  background: var(--oref-color-surface);
}
.oref-shape-variant > .oref-shape-name {
  color: var(--oref-color-accent-runtime);
}
.oref-shape-pattern-row {
  background: var(--oref-color-surface);
}
.oref-shape-pattern-row > .oref-shape-name {
  color: var(--oref-color-fg-secondary);
}
.oref-shape-name {
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-200);
}
.oref-shape-type {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-100);
}
.oref-shape-req {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-100);
  text-align: end;
}
.oref-shape-req-cond {
  color: var(--oref-prov-derived-fg);
}
.oref-shape-when {
  color: var(--oref-color-fg-muted);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-100);
  grid-column: 1 / -1;
  padding-block-start: var(--oref-space-100);
}
.oref-shape-empty {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
  max-width: var(--oref-layout-measure);
}
.oref-shape-d0 {
  margin-inline-start: 0;
}
.oref-shape-d1 {
  margin-inline-start: var(--oref-space-400);
}
.oref-shape-d2 {
  margin-inline-start: var(--oref-space-600);
}
.oref-shape-d3 {
  margin-inline-start: var(--oref-space-800);
}
.oref-shape-d4 {
  margin-inline-start: calc(var(--oref-space-800) + var(--oref-space-400));
}
.oref-shape-d5 {
  margin-inline-start: calc(var(--oref-space-800) + var(--oref-space-600));
}
.oref-shape-d6 {
  margin-inline-start: calc(var(--oref-space-800) + var(--oref-space-800));
}
.oref-shape-announce {
  align-items: baseline;
  border-inline-start: var(--oref-border-mark) solid var(--oref-prov-derived-fg);
  display: flex;
  gap: var(--oref-space-400);
  justify-content: space-between;
  margin-block-end: var(--oref-space-500);
  min-height: var(--oref-space-600);
}
.oref-shape-announce > span {
  background: var(--oref-prov-derived-bg);
  color: var(--oref-color-fg);
  display: block;
  flex: 1;
  font-size: var(--oref-font-size-200);
  padding: var(--oref-space-200) var(--oref-space-400);
}
.oref-shape-field {
  padding-block: var(--oref-space-300);
}
.oref-shape-control {
  display: block;
}
.oref-shape-control > .oref-field-control {
  width: 100%;
}
.oref-shape-mark {
  color: var(--oref-state-crit-fg);
}
.oref-shape-mark-cond {
  color: var(--oref-prov-derived-fg);
}
.oref-shape-input-cond {
  border-color: var(--oref-prov-derived-fg);
}
.oref-shape-input-error {
  border-color: var(--oref-state-crit-fg);
}
.oref-shape-hint {
  display: block;
  font-size: var(--oref-font-size-100);
  padding-block-start: var(--oref-space-100);
}
.oref-shape-hint-cond {
  color: var(--oref-prov-derived-fg);
}
.oref-shape-hint-error {
  color: var(--oref-state-crit-fg);
}
.oref-shape-branch,
.oref-shape-pattern,
.oref-shape-tuple {
  border-block-start: var(--oref-border-hair) solid var(--oref-color-line-edge);
  padding-block: var(--oref-space-500);
}
.oref-shape-branch-row {
  align-items: baseline;
  display: flex;
  gap: var(--oref-space-400);
}
.oref-shape-branch-note {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-100);
}
.oref-shape-branch-opts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-200);
  margin-block-start: var(--oref-space-300);
}
.oref-shape-pair {
  display: grid;
  gap: var(--oref-space-300);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-block-start: var(--oref-space-300);
}
.oref-shape-add {
  background: none;
  border: var(--oref-border-hair) solid var(--oref-color-line-edge);
  border-radius: var(--oref-radius-sm);
  color: var(--oref-color-fg-secondary);
  cursor: pointer;
  font-family: var(--oref-font-family-sans);
  font-size: var(--oref-font-size-100);
  margin-block-start: var(--oref-space-300);
  padding: var(--oref-space-100) var(--oref-space-400);
}
.oref-shape-add:hover {
  color: var(--oref-color-fg);
}
.oref-states-lead {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-300);
  margin-block: 0 var(--oref-space-600);
  max-width: var(--oref-layout-measure);
}
.oref-states-item {
  margin-block-end: var(--oref-space-600);
}
.oref-states-list {
  list-style: none;
  margin: 0;
  max-width: var(--oref-layout-measure);
  padding: 0;
}
.oref-section-runtime {
  container: oref-parity / inline-size;
}
@container oref-parity (max-width: 500px) {
  .oref-parity-head {
    display: none;
  }
  .oref-parity-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .oref-parity-cell-spec,
  .oref-parity-cell-runtime {
    grid-column: 1;
  }
  .oref-parity-cell-spec::before,
  .oref-parity-cell-runtime::before {
    display: block;
    font-size: var(--oref-font-size-100);
    letter-spacing: var(--oref-font-tracking-wide);
    margin-block-end: var(--oref-space-200);
    text-transform: uppercase;
  }
  .oref-parity-cell-spec::before {
    color: var(--oref-color-accent-spec);
    content: "Specification declares";
  }
  .oref-parity-cell-runtime::before {
    color: var(--oref-color-accent-runtime);
    content: "Application does";
  }
  .oref-parity-gutter {
    background-image: var(--oref-layout-tick-h);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% var(--oref-border-hair);
    grid-column: 1;
    min-height: var(--oref-space-700);
  }
}
.oref-badge.oref-method-sse {
  background: var(--oref-color-method-sse);
}
.oref-bench-kicker,
.oref-schema-kicker {
  margin: 0;
  width: 100%;
}
.oref-operation-meta {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-500);
  width: 100%;
}
.oref-operation-meta .oref-subtitle {
  margin: 0;
  width: auto;
}
.oref-param-req,
.oref-param-note {
  color: var(--oref-color-fg-secondary);
  white-space: nowrap;
}
.oref-param-note {
  white-space: normal;
}
.oref-param-prov {
  white-space: nowrap;
}
.oref-param-drift td {
  background: var(--oref-drift-warn-bg);
}
.oref-param-drift .oref-param-name code {
  color: var(--oref-state-warn-fg);
}
.oref-response-phrase {
  color: var(--oref-color-fg);
  font-size: var(--oref-font-size-300);
}
.oref-response-schema {
  color: var(--oref-color-accent-link);
  font-family: var(--oref-font-family-mono);
  font-size: var(--oref-font-size-300);
}
.oref-health-head {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-700);
}
.oref-health-kpi {
  display: flex;
  gap: var(--oref-space-700);
}
.oref-health-kpi-item {
  display: grid;
  gap: var(--oref-space-100);
}
.oref-health-kpi-label {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-wide);
  text-transform: uppercase;
}
.oref-health-kpi-num {
  font-family: var(--oref-font-family-display);
  font-size: var(--oref-font-size-600);
  font-weight: var(--oref-font-weight-bold);
  line-height: var(--oref-font-leading-tight);
}
.oref-health-kpi-crit {
  color: var(--oref-state-crit-fg);
}
.oref-health-kpi-warn {
  color: var(--oref-state-warn-fg);
}
.oref-rule-summary,
.oref-suppressed-reason {
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-300);
}
.oref-rule-zero {
  color: var(--oref-color-fg-muted);
  margin: 0;
  padding: var(--oref-space-300) 0;
}
.oref-rule-zero .oref-drift-code,
.oref-rule-zero .oref-rule-summary {
  color: var(--oref-color-fg-muted);
}
.oref-suppression,
.oref-suppressed {
  color: var(--oref-color-fg-muted);
  padding: var(--oref-space-200) 0;
}
.oref-suppression {
  border-top: var(--oref-border-hair) solid var(--oref-color-line);
  margin-top: var(--oref-space-400);
}
.oref-schema-readonly {
  background: var(--oref-state-muted-bg);
  color: var(--oref-color-fg-secondary);
  font-size: var(--oref-font-size-100);
  letter-spacing: var(--oref-font-tracking-mid);
  padding: 0 var(--oref-space-200);
  text-transform: uppercase;
}
.oref-anchor-note {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-200);
  margin-block: var(--oref-space-500) 0;
  max-width: var(--oref-layout-measure);
}
.oref-bench-actions {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: var(--oref-space-400);
}
.oref-tryit-reset {
  background: var(--oref-color-surface);
  border: var(--oref-border-hair) solid var(--oref-color-line-edge);
  color: var(--oref-color-fg-secondary);
  cursor: pointer;
  font: inherit;
  font-size: var(--oref-font-size-300);
  padding: var(--oref-space-200) var(--oref-space-500);
}
.oref-tryit-reset:hover {
  border-color: var(--oref-color-fg-muted);
  color: var(--oref-color-fg);
}
.oref-facts {
  column-gap: var(--oref-space-600);
  display: grid;
  grid-template-columns: max-content 1fr;
  list-style: none;
  margin: var(--oref-space-400) 0 0;
  padding: 0;
  row-gap: var(--oref-space-300);
}
.oref-fact {
  display: contents;
}
.oref-fact-label,
.oref-topology-type,
.oref-topology-dead,
.oref-topology-undeclared,
.oref-topology-outside {
  color: var(--oref-color-fg-muted);
  font-size: var(--oref-font-size-300);
}
.oref-topology-undeclared {
  text-decoration: none;
}
.oref-fact-value,
.oref-topology-name {
  font-size: var(--oref-font-size-300);
  min-width: 0;
}
.oref-channel-ops,
.oref-messages,
.oref-topology,
.oref-topology-edges {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oref-channel-op,
.oref-message,
.oref-topology-node {
  border-top: var(--oref-border-hair) solid var(--oref-color-line);
  margin-top: var(--oref-space-500);
  padding-top: var(--oref-space-400);
}
.oref-channel-reply,
.oref-topology-edges {
  border-left: var(--oref-border-hair) solid var(--oref-color-line);
  margin-top: var(--oref-space-400);
  padding-left: var(--oref-space-500);
}
/*# sourceMappingURL=theme.css.map */