chore: create Multica handoff checkpoint

app/frontend/pages/popularity/foundation.css

@@ -602,7 +602,7 @@
   color: var(--r2-amber);
 }
 
-@media (min-width: 721px) {
+@media (min-width: 768px) {
   body[data-active-view="popularityView"] .app-main {
     display: flex;
 
@@ -626,7 +626,7 @@
   }
 }
 
-@media (min-width: 721px) and (max-height: 900px) {
+@media (min-width: 768px) and (max-height: 900px) {
   .redesigned-popularity-view {
     padding-top: 9px;
 
@@ -684,7 +684,7 @@
   }
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
   .redesigned-popularity-view {
     padding: 10px;
   }
@@ -869,7 +869,7 @@
   width: var(--col-number);
 }
 
-@media (min-width: 721px) {
+@media (min-width: 768px) {
   #popularityView .popularity-glance-v2,
   #popularityView .popularity-page-head-v2 {
     flex: 0 0 auto;
@@ -919,3 +919,16 @@
 
   box-shadow: var(--control-shadow);
 }
+
+@media (max-width: 767px) {
+  #popularityView {
+    padding-inline: 0;
+  }
+
+  #popularityView .popularity-table-frame-v2 {
+    min-height: var(--mobile-table-min-height);
+    max-height: none;
+    overflow-x: auto;
+    overflow-y: visible;
+  }
+}