Refine layout tokens and utilities

views/subscriptions.html

@@ -1,15 +1,7 @@
 <!-- views/subscriptions.html -->
 <section>
   <h2 class="text-xl mb-4">Subscriptions</h2>
-  <div
-    id="subscriptionsVideoList"
-    style="
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-      gap: 2rem;
-      padding: 1.5rem 0;
-    "
-  >
+  <div id="subscriptionsVideoList" class="bv-grid-video">
     <div class="sidebar-loading-wrapper" role="status" aria-live="polite">
       <div class="sidebar-loading-indicator">
         <span class="status-spinner status-spinner--inline" aria-hidden="true"></span>