chore: create Multica handoff checkpoint

app/frontend/pages/rotation/foundation.css

@@ -62,7 +62,7 @@
   }
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
   .rotation-history {
     min-height: 224px;
   }
@@ -991,7 +991,7 @@
   }
 }
 
-@media (max-width: 720px) {
+@media (max-width: 767px) {
   .redesigned-rotation-view {
     padding: 0px;
   }
@@ -1087,7 +1087,7 @@
   min-width: var(--table-wide);
 }
 
-@media (min-width: 721px) {
+@media (min-width: 768px) {
   #rotationView.active-view {
     display: grid;
 
@@ -1157,7 +1157,7 @@
   }
 }
 
-@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
+@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
   #rotationView.active-view {
     display: block;
 
@@ -1245,3 +1245,14 @@
 
   background: var(--surface-muted);
 }
+
+@media (max-width: 767px) {
+  #rotationView :is(.rotation-table-frame, .rotation-detail-card) {
+    max-height: none;
+    overflow-y: visible;
+  }
+
+  #rotationView .rotation-table-frame {
+    overflow-x: auto;
+  }
+}