diff --git a/public/admin/admin.css b/public/admin/admin.css
index 569076a..52180f5 100644
--- a/public/admin/admin.css
+++ b/public/admin/admin.css
@@ -451,19 +451,26 @@ a.btn { text-decoration: none; }
 
 /* one swatch per preset: a miniature dashboard (page, a tile on it, the
    accent as a status dot) and the name; the current one wears the accent */
-/* A whole admin section that folds, wearing the same disclosure triangle as
-   a module's config groups. Theme is set once for a building and then left
-   alone, so it starts closed and keeps the rest of the page in reach. */
+/* ── a collapsible admin section ─────────────────────────────────────
+   The pattern for any section of this page that folds. The markup is a
+   <details class="admin-fold"> holding the section's contents, headed by a
+   <summary class="admin-h1 admin-fold-title">: the title keeps the same
+   type as every other section heading — a <summary> would otherwise come
+   out at the normal weight — and the caret follows the words, so a folded
+   section still reads as a heading first. The whole row is the hit target. */
 details.admin-fold > summary.admin-fold-title {
   cursor: pointer;
   list-style: none;
   display: flex;
   align-items: center;
   gap: 8px;
+  font-weight: 700; /* matches h1.admin-h1; summary defaults to normal */
   user-select: none;
 }
 details.admin-fold > summary.admin-fold-title::-webkit-details-marker { display: none; }
-details.admin-fold > summary.admin-fold-title::before {
+/* after the title, not before it — the heading reads first, the caret says
+   there is more behind it */
+details.admin-fold > summary.admin-fold-title::after {
   content: "";
   width: 0; height: 0;
   border-left: 6px solid var(--muted);
@@ -471,7 +478,7 @@ details.admin-fold > summary.admin-fold-title::before {
   border-bottom: 5px solid transparent;
   transition: transform 0.15s;
 }
-details.admin-fold[open] > summary.admin-fold-title::before { transform: rotate(90deg); }
+details.admin-fold[open] > summary.admin-fold-title::after { transform: rotate(90deg); }
 details.admin-fold > summary.admin-fold-title:hover { color: var(--accent); }
 
 .theme-swatches {