.vehicle-admin { --orange: #ff6a00; }
.vehicle-admin .product-hero-media { aspect-ratio: 16 / 9; min-height: 0; padding: 0; align-self: center; background: #101010; }
.vehicle-admin .product-hero-media img { display: block; width: 100% !important; height: 100% !important; inset: 0 !important; object-fit: contain; }
.resource-image img[src="/assets/vehicle-admin/cover.png"],
.catalog-media img[src="/assets/vehicle-admin/cover.png"] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transform: none; background: #101010; }
.catalog .vehicle-admin-catalog h2 { font-size: clamp(24px, 2.3vw, 32px); line-height: 1; }
.vehicle-admin .video-frame video { display: block; width: 100%; height: 100%; background: #101010; }
.vehicle-admin .va-guide, .vehicle-admin .va-scope { scroll-margin-top: 30px; }
.vehicle-admin #demo { scroll-margin-top: 30px; }
.va-guide h2, .va-scope h2 { margin: 14px 0 28px; font-size: clamp(28px, 4vw, 42px); line-height: 1.15; }
.va-guide-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; }
.va-guide li, .va-guide p, .va-scope p { color: #bbc1cb; line-height: 1.8; }
.va-guide li { padding-left: 8px; margin-bottom: 16px; }
.va-guide ol { padding-left: 22px; }
.va-guide pre { overflow-x: auto; padding: 24px; margin: 18px 0; border: 1px solid #33363c; background: #111318; border-radius: 8px; line-height: 1.75; }
.va-guide code, .va-scope code { font-size: .88em; color: #f2c7a7; overflow-wrap: anywhere; }
.va-table-wrap { overflow-x: auto; border: 1px solid #33363c; border-radius: 8px; }
.va-guide table { width: 100%; border-collapse: collapse; text-align: left; }
.va-guide th, .va-guide td { padding: 16px 20px; border-bottom: 1px solid #33363c; line-height: 1.6; }
.va-guide th { background: #17191e; }
.va-guide td { color: #bbc1cb; }
.va-guide tr:last-child td { border-bottom: 0; }
.va-scope { border-top: 1px solid #33363c; }
@media (max-width: 800px) {
  .vehicle-admin .site-header { flex-wrap: wrap; gap: 12px; }
  .vehicle-admin .site-header nav { flex-wrap: wrap; }
  .vehicle-admin .site-header nav a { min-width: 0; padding: 0 10px; }
  .vehicle-admin .site-header nav a[href="/products"], .vehicle-admin .site-header nav a[href="/documentation"] { display: grid; }
  .va-guide-grid { grid-template-columns: 1fr; gap: 20px; }
  .vehicle-admin .product-hero-media { margin-top: 20px; }
  .va-guide th, .va-guide td { padding: 12px; }
  .vehicle-admin .product-hero-copy h1 { font-size: clamp(38px, 8vw, 64px); }
}