/**
 * Vylos documentation media sizing.
 *
 * Keep source-resolution screenshots at a comfortable reading width on
 * desktop article layouts. Portrait captures use the default frame width;
 * wide desktop and spatial captures opt into the platform-frame override.
 */
.nova-frame {
  width: 100%;
  max-width: 28rem;
  margin-inline: auto;
}

.vylos-platform-frame .nova-frame {
  max-width: 60rem;
}

.vylos-feature-matrix th:not(:first-child),
.vylos-feature-matrix td:not(:first-child) {
  text-align: center;
  vertical-align: middle;
}

.vylos-feature-status {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  vertical-align: -0.2em;
}

.vylos-feature-status svg {
  width: 1.1rem;
  height: 1.1rem;
  stroke-width: 3;
}

.vylos-feature-status--supported {
  color: #16883f;
}

.vylos-feature-status--unavailable {
  color: #cf313d;
}

.vylos-feature-status--not-applicable {
  color: var(--ifm-color-emphasis-600);
  font-weight: 600;
}

[data-theme='dark'] .vylos-feature-status--supported {
  color: #4ade80;
}

[data-theme='dark'] .vylos-feature-status--unavailable {
  color: #fb7185;
}