diff --git a/src/index.html b/src/index.html
index bfcd897..ac77ee6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -698,10 +698,10 @@
                         <div id="storageSummary" style="color: var(--text-secondary); font-size:12px; margin-bottom:8px;"></div>
                         <div id="storageList"></div>
 
-                        <hr style="border:none; border-top:1px solid var(--border-soft); margin:16px 0;">
-                        <h4 id="cleanupTitle" style="margin:0 0 8px 0; font-size:14px;">Auto-Cleanup</h4>
+                        <hr>
+                        <h4 id="cleanupTitle">Auto-Cleanup</h4>
                         <p id="cleanupIntro" class="card-intro">Aufnahmen aelter als X Tage automatisch archivieren oder loeschen. Schiebt Sidecar-Chat-Dateien (.chat.json/.chat.jsonl) mit der Aufnahme.</p>
-                        <label style="display:flex; align-items:center; gap:8px; margin-bottom: 8px;">
+                        <label class="toggle-row" style="margin-bottom: 8px;">
                             <input type="checkbox" id="autoCleanupEnabledToggle">
                             <span id="autoCleanupEnabledLabel">Auto-Cleanup aktivieren</span>
                         </label>
diff --git a/src/styles.css b/src/styles.css
index 5849fdf..e434e70 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1634,6 +1634,22 @@ select option {
     gap: 8px;
 }
 
+/* Subsection heading inside a settings card — used when a single card
+   bundles two logical groups (Storage → Auto-Cleanup) and the second
+   needs its own miniature heading after a divider. */
+.settings-card h4 {
+    margin: 0 0 8px 0;
+    font-size: 14px;
+}
+
+/* Horizontal divider inside settings cards — soft single line, balanced
+   vertical breathing room, no default browser shading. */
+.settings-card hr {
+    border: none;
+    border-top: 1px solid var(--border-soft);
+    margin: 16px 0;
+}
+
 .form-group {
     margin-bottom: 15px;
 }