Refine cheatsheet category bar rounding

Author: brandonbloom

internal/etch/help.go

@@ -353,7 +353,9 @@ EOF`},
 			Blocks: []HelpBlock{
 				{Kind: "paragraph", Text: "On Markdown paths, bare structured selectors mutate YAML frontmatter. Markdown address flags such as --body, --section, --item, and --task switch set and delete to Dataview-style inline fields in the Markdown body."},
 				{Kind: "paragraph", Text: "Frontmatter fits whole-note schema fields such as owner, source, status, and stable IDs. Inline fields fit metadata attached to a paragraph, list item, task, or local note context."},
+				{Kind: "paragraph", Text: `Dataview inline fields are Markdown annotations shaped like [field:: value] or (field:: value). The bracket form is visible in reading view; the parenthesized form is hidden. Etch preserves the surrounding line or list item and rewrites only the addressed field annotation.`},
 				{Kind: "paragraph", Text: "Existing fields match first by exact source field name, then by Dataview-normalized field name if the normalized match is unique. Dataview implicit fields such as file.name, task status, and task text are reserved and not writable."},
+				{Kind: "paragraph", Text: "For full Dataview metadata syntax and indexing behavior, see https://blacksmithgu.github.io/obsidian-dataview/."},
 				{Kind: "heading", Heading: "Examples"},
 				{Kind: "pre", Text: `  etch set note.md status Driving
   etch set note.md last "2026-05-02" --body

site/assets/css/style.css

@@ -562,6 +562,14 @@ pre code { background: none; padding: 0; font-size: inherit; }
   --cheatsheet-category-chrome-height: 132px;
   overflow: visible;
 }
+.browser-cats-shell {
+  position: sticky;
+  top: var(--site-nav-height);
+  z-index: 60;
+  margin-bottom: 16px;
+  background: var(--surface);
+  border-radius: 0 0 8px 8px;
+}
 .browser-cats {
   display: flex;
   flex-wrap: nowrap;
@@ -571,15 +579,9 @@ pre code { background: none; padding: 0; font-size: inherit; }
   border: 1px solid var(--border);
   border-radius: 8px;
   background: var(--surface);
-  margin-bottom: 16px;
-}
-.browser-cats::-webkit-scrollbar { display: none; }
-.browser-static .browser-cats {
-  position: sticky;
-  top: var(--site-nav-height);
-  z-index: 60;
   box-shadow: 0 1px 0 var(--border);
 }
+.browser-cats::-webkit-scrollbar { display: none; }
 .cat-btn {
   flex: 0 0 auto;
   display: block;
@@ -602,18 +604,15 @@ pre code { background: none; padding: 0; font-size: inherit; }
   border: 1px solid var(--border);
   border-radius: 8px;
   background: var(--bg);
+  overflow: hidden;
   scroll-margin-top: calc(var(--site-nav-height) + var(--cheatsheet-catbar-height));
 }
 .browser-category + .browser-category {
   margin-top: 18px;
 }
 .browser-category-chrome {
-  position: sticky;
-  top: calc(var(--site-nav-height) + var(--cheatsheet-catbar-height));
-  z-index: 50;
   background: var(--bg);
   border-bottom: 1px solid var(--border);
-  border-radius: 7px 7px 0 0;
 }
 .browser-category-head {
   padding: 18px 24px 8px;
@@ -664,7 +663,7 @@ pre code { background: none; padding: 0; font-size: inherit; }
 .detail-empty { color: var(--fg-dim); font-size: 0.9rem; text-align: center; padding: 48px 0; }
 
 .command-detail {
-  scroll-margin-top: calc(var(--site-nav-height) + var(--cheatsheet-catbar-height) + var(--cheatsheet-category-chrome-height));
+  scroll-margin-top: calc(var(--site-nav-height) + var(--cheatsheet-catbar-height) + 16px);
   padding-bottom: 28px;
   margin-bottom: 28px;
   border-bottom: 1px solid var(--border);

site/layouts/_default/cheatsheet.html

@@ -25,11 +25,13 @@
   <h1>Cheatsheet</h1>
 
   <div class="browser browser-static">
-    <nav class="browser-cats" aria-label="Command categories">
-      {{ range $cats }}
-      <a class="cat-btn" href="#cat-{{ anchorize . }}">{{ . }}</a>
-      {{ end }}
-    </nav>
+    <div class="browser-cats-shell">
+      <nav class="browser-cats" aria-label="Command categories">
+        {{ range $cats }}
+        <a class="cat-btn" href="#cat-{{ anchorize . }}">{{ . }}</a>
+        {{ end }}
+      </nav>
+    </div>
 
     {{ range $cats }}
     {{ $cat := . }}