@media (max-width: 768px) {

  /* Mascot: stack above title, centred — mirrors yt-mascot-wrap behaviour */
  .monitor-mascot-wrap {
    float: none !important;
    margin-left: 0 !important;
    margin-bottom: 10px !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Top section: block so mascot stacks above content */
  .monitor-top-section {
    display: block !important;
    overflow: visible !important;
  }

  /* Title: shrink slightly on small screens */
  .monitor-top-section h2 {
    font-size: 15px !important;
  }

  /* Stats bar: tighter gap on small screens */
  .monitor-stats-bar {
    gap: 6px !important;
  }

  /* Service grid: single column on small screens */
  #service-grid {
    grid-template-columns: 1fr !important;
  }
}