diff --git a/web/css/04-patterns.css b/web/css/04-patterns.css
new file mode 100644
index 0000000..6fad77e
--- /dev/null
+++ b/web/css/04-patterns.css
@@ -0,0 +1,37 @@
+/* Shared molecule patterns; page files hold page-specific rules only. */
+.layer-section {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.layer-band {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  background: var(--ink-fixed);
+  color: var(--cream-fixed);
+  border: 2px solid var(--ink);
+  box-shadow: var(--shadow-sm);
+  padding: 9px 14px;
+}
+.layer-band__label {
+  font: 700 11px/1.2 var(--mono);
+  letter-spacing: 1.2px;
+  text-transform: uppercase;
+}
+.layer-provenance {
+  margin: 0;
+  font: 400 11px/1.3 var(--mono);
+  font-style: italic;
+  color: var(--ink-muted);
+}
+.layer-provenance__handle {
+  color: inherit;
+  text-decoration: underline;
+}
+.handle-link {
+  color: var(--ink);
+  text-decoration: underline;
+  font-weight: 700;
+}
diff --git a/web/css/09-record.css b/web/css/09-record.css
index 94af3da..bd03722 100644
--- a/web/css/09-record.css
+++ b/web/css/09-record.css
@@ -163,39 +163,6 @@
   margin: 0;
 }
 
-/* --- layer sections (the pressing / your record) ----------------------- */
-.layer-section {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.layer-band {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  background: var(--ink-fixed);
-  color: var(--cream-fixed);
-  border: 2px solid var(--ink);
-  box-shadow: var(--shadow-sm);
-  padding: 9px 14px;
-}
-.layer-band__label {
-  font: 700 11px/1.2 var(--mono);
-  letter-spacing: 1.2px;
-  text-transform: uppercase;
-}
-.layer-provenance {
-  margin: 0;
-  font: 400 11px/1.3 var(--mono);
-  font-style: italic;
-  color: var(--ink-muted);
-}
-.layer-provenance__handle {
-  color: inherit;
-  text-decoration: underline;
-}
-
 .actions-block {
   display: flex;
   flex-direction: column;
diff --git a/web/css/19-edit-proposal.css b/web/css/19-edit-proposal.css
index 62c843d..a1113c6 100644
--- a/web/css/19-edit-proposal.css
+++ b/web/css/19-edit-proposal.css
@@ -1,4 +1,3 @@
-/* --- proposal detail: context row --------------------------------------- */
 .proposal-context {
   display: flex;
   align-items: center;
@@ -24,13 +23,6 @@
   color: var(--ink-muted);
   margin: 0;
 }
-.handle-link {
-  color: var(--ink);
-  text-decoration: underline;
-  font-weight: 700;
-}
-
-/* --- proposal detail: field diff panel ---------------------------------- */
 .proposal-diff-panel {
   display: flex;
   flex-direction: column;
@@ -51,7 +43,6 @@
   margin: 0;
 }
 
-/* --- proposal detail: version context ----------------------------------- */
 .version-context {
   display: flex;
   flex-direction: column;
@@ -70,7 +61,6 @@
   color: var(--ink-muted);
 }
 
-/* --- proposal detail: actions + footnote -------------------------------- */
 .proposal-detail-actions {
   display: flex;
   flex-direction: column;