body.mobile-variant {
  background:
    radial-gradient(circle at top center, rgba(120, 214, 198, 0.18), transparent 30%),
    radial-gradient(circle at bottom right, rgba(255, 196, 107, 0.16), transparent 28%),
    linear-gradient(180deg, #061019 0%, #0a1620 44%, #10281f 100%);
}

body.mobile-variant .page-shell {
  width: min(100vw - 12px, 100%);
  padding: 12px 0 36px;
}

body.mobile-variant .deployment-strip,
body.mobile-variant .hero,
body.mobile-variant .summary-grid,
body.mobile-variant .career-grid,
body.mobile-variant .credential-grid,
body.mobile-variant .lane-grid,
body.mobile-variant .core-grid,
body.mobile-variant .atlas-grid,
body.mobile-variant .inventory-grid,
body.mobile-variant .quality-grid,
body.mobile-variant .live-grid,
body.mobile-variant .method-grid,
body.mobile-variant .inspection-grid,
body.mobile-variant .boundary-grid,
body.mobile-variant .closing-grid {
  grid-template-columns: 1fr;
}

body.mobile-variant .deployment-actions,
body.mobile-variant .hero-actions,
body.mobile-variant .filter-buttons,
body.mobile-variant .repo-links,
body.mobile-variant .badge-row,
body.mobile-variant .chip-row {
  gap: 8px;
}

body.mobile-variant .hero-copy,
body.mobile-variant .hero-panel,
body.mobile-variant .section,
body.mobile-variant .toolbar-card,
body.mobile-variant .summary-card,
body.mobile-variant .lane-card,
body.mobile-variant .core-card,
body.mobile-variant .atlas-card,
body.mobile-variant .inventory-card,
body.mobile-variant .quality-card,
body.mobile-variant .live-card,
body.mobile-variant .method-card,
body.mobile-variant .inspection-card,
body.mobile-variant .boundary-card,
body.mobile-variant .closing-card,
body.mobile-variant .deployment-card {
  padding: 18px;
  border-radius: 20px;
}

body.mobile-variant h1 {
  max-width: none;
  font-size: 2.45rem;
}

body.mobile-variant .lead {
  font-size: 0.98rem;
}

body.mobile-variant .resource-strip {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 4px;
  scrollbar-width: thin;
}

body.mobile-variant .resource-link,
body.mobile-variant .chip,
body.mobile-variant .deployment-link,
body.mobile-variant .repo-link,
body.mobile-variant .filter-button {
  min-height: 42px;
  padding: 10px 14px;
  white-space: nowrap;
}

body.mobile-variant .summary-value {
  font-size: 1.8rem;
}

body.mobile-variant .inventory-chip {
  font-size: 0.88rem;
  padding: 7px 11px;
}

body.mobile-variant .toolbar-card {
  margin-top: 18px;
}

body.mobile-variant .section {
  margin-top: 18px;
}

body.mobile-variant .resource-strip::-webkit-scrollbar {
  height: 6px;
}

body.mobile-variant .resource-strip::-webkit-scrollbar-thumb {
  background: rgba(120, 214, 198, 0.28);
  border-radius: 999px;
}