similar pseudo-applet styling added to _scroll.html

src/static_src/scss/_applets.scss

@@ -133,28 +133,8 @@
     }
 }
 
-// ── Applets grid (shared across all boards) ────────────────
+// ── Applet box visual shell (reusable outside the grid) ────
-%applets-grid {
+%applet-box {
-    container-type: inline-size;
-    --grid-gap: 0.5rem;
-    flex: 1;
-    overflow-y: auto;
-    overflow-x: hidden;
-    display: grid;
-    grid-template-columns: repeat(12, 1fr);
-    grid-auto-rows: 3rem;
-    gap: var(--grid-gap);
-    padding: 0.75rem;
-    -webkit-overflow-scrolling: touch;
-    mask-image: linear-gradient(
-        to bottom,
-        transparent 0%,
-        black 2%,
-        black 99%,
-        transparent 100%
-    );
-
-    section {
     border:
         0.2rem solid rgba(var(--secUser), 0.5),
     ;
@@ -201,6 +181,31 @@
 
         a { color: rgba(var(--terUser), 1); text-decoration: none; }
     }
+}
+
+// ── Applets grid (shared across all boards) ────────────────
+%applets-grid {
+    container-type: inline-size;
+    --grid-gap: 0.5rem;
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-auto-rows: 3rem;
+    gap: var(--grid-gap);
+    padding: 0.75rem;
+    -webkit-overflow-scrolling: touch;
+    mask-image: linear-gradient(
+        to bottom,
+        transparent 0%,
+        black 2%,
+        black 99%,
+        transparent 100%
+    );
+
+    section {
+        @extend %applet-box;
         grid-column: span var(--applet-cols, 12);
         grid-row: span var(--applet-rows, 3);
 

src/static_src/scss/_billboard.scss

@@ -47,12 +47,11 @@ body.page-billscroll {
 
     // The single scroll applet stretches to fill the remaining aperture
     .applet-billboard-scroll {
+        @extend %applet-box;
         flex: 1;
         min-height: 0;
         display: flex;
         flex-direction: column;
-        // Override grid-row span — this applet fills height via flex, not grid rows
-        grid-row: unset;
 
         #id_drama_scroll {
             flex: 1;

src/templates/apps/billboard/_partials/_applet-billboard-my-contacts.html

@@ -3,5 +3,5 @@
     style="--applet-cols: {{ entry.applet.grid_cols }}; --applet-rows: {{ entry.applet.grid_rows }};"
 >
     <h2>Contacts</h2>
-    <p><small>Coming soon.</small></p>
+    <p><small>[Feature forthcoming]</small></p>
 </section>