forgebook 0.1.8 → 0.3.0

package/dist/src/shell/shell.css

@@ -1,5 +1,10 @@
 @layer catalogue {
   :root {
+    --forgebook-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    --forgebook-font-mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    --forgebook-radius-control-small: 6px;
+    --forgebook-radius-control: 7px;
+    --forgebook-radius-card: 12px;
     --forgebook-window: #f6f6f8;
     --forgebook-sidebar: #ebebef;
     --forgebook-surface: #fff;
@@ -99,7 +104,7 @@
   }
   body {
     margin: 0;
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     background: var(--forgebook-window);
   }
@@ -160,22 +165,13 @@
     gap: 0.625rem;
     padding: 0.125rem 0.25rem;
   }
-  .forgebook-brand__mark {
-    display: grid;
-    place-items: center;
-    width: 1.75rem;
-    height: 1.75rem;
-    border-radius: 7px;
-    background: var(--forgebook-accent);
-    color: var(--forgebook-on-accent);
-  }
   .forgebook-brand__logo {
     flex: none;
     display: block;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
   }
   .forgebook-brand__name {
-    font: 600 0.875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.875rem/1.3 var(--forgebook-font-sans);
   }
   .forgebook-brand__home {
     display: flex;
@@ -183,7 +179,7 @@
     gap: 0.625rem;
     margin: -0.125rem -0.25rem;
     padding: 0.125rem 0.25rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     color: inherit;
     text-decoration: none;
     transition: background-color 150ms ease-out;
@@ -203,7 +199,7 @@
     gap: 0.375rem;
     height: 1.75rem;
     padding: 0 0.5rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill);
     color: var(--forgebook-text-secondary);
   }
@@ -216,7 +212,7 @@
     min-width: 0;
     border: 0;
     background: none;
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     outline: none;
   }
@@ -252,9 +248,9 @@
   .forgebook-search__key {
     flex: none;
     padding: 0 0.375rem;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-tree {
@@ -280,7 +276,7 @@
     gap: 0.375rem;
     margin: 0;
     padding: 0.25rem 0.5rem;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: var(--forgebook-text-secondary);
@@ -299,9 +295,9 @@
     min-height: 1.625rem;
     padding: 0.25rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     text-align: start;
     text-decoration: none;
@@ -339,6 +335,12 @@
     margin: 0.125rem 0 0;
     font: inherit;
   }
+  .forgebook-tree__docs-source {
+    margin: 0.375rem 0 0;
+    padding: 0.25rem 0.5rem;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-tertiary);
+  }
   .forgebook-tree__group > .forgebook-tree__fold {
     padding-inline-start: calc(0.75rem + 0.375rem);
   }
@@ -350,10 +352,10 @@
     width: 100%;
     padding: 0.25rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     min-height: 1.625rem;
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     font-weight: 500;
     color: var(--forgebook-text-secondary);
     text-align: start;
@@ -369,7 +371,7 @@
     color: var(--forgebook-text);
   }
   .forgebook-tree__item {
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
   }
   .forgebook-tree__item[aria-current=page], .forgebook-tree__item[aria-current=location] {
     background: var(--forgebook-surface);
@@ -386,7 +388,7 @@
     display: inline-flex;
     align-items: center;
     gap: 0.125rem;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-tree__logic {
@@ -401,7 +403,7 @@
     padding: 0 0.375rem;
     border-radius: 999px;
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-weight: 500;
     color: var(--forgebook-text-secondary);
   }
@@ -410,15 +412,15 @@
   }
   .forgebook-signature__call {
     margin: 0 0 0.75rem;
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     white-space: pre-wrap;
   }
   .forgebook-signature__returns {
     margin: 1rem 0 0.25rem;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
   }
   .forgebook-tree__count {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text-tertiary);
   }
@@ -451,29 +453,38 @@
   }
   .forgebook-story {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.625rem;
     margin: 1rem 2rem 2rem;
     min-width: 0;
   }
   .forgebook-story .forgebook-compare {
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     overflow: hidden;
   }
   .forgebook-story__bar {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     gap: 0.5rem;
   }
+  .forgebook-popover.forgebook-popover--embed {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: auto;
+    z-index: 4;
+  }
   .forgebook-matrix-picker {
     display: flex;
     flex: none;
     align-items: center;
     gap: 0.125rem;
     padding: 0.125rem 0.125rem 0.125rem 0.5rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-matrix-picker .forgebook-popover__label {
@@ -482,7 +493,7 @@
   .forgebook-matrix-picker .forgebook-select {
     height: 1.375rem;
     max-width: 9rem;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background-color: transparent;
     box-shadow: none;
   }
@@ -535,7 +546,7 @@
     border: 0;
     border-block-end: 2px solid transparent;
     background: none;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     white-space: nowrap;
     cursor: pointer;
@@ -566,7 +577,7 @@
     width: 1.625rem;
     height: 1.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: none;
     color: var(--forgebook-text-secondary);
     cursor: pointer;
@@ -589,10 +600,15 @@
     grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
     gap: 0.75rem 1.25rem;
   }
+  .forgebook-tab-head {
+    display: flex;
+    justify-content: flex-end;
+    padding: 0.625rem 0.875rem 0;
+  }
   .forgebook-tab-note {
     margin: 0;
     padding: 0.75rem 0.875rem 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-tab-foot {
@@ -604,7 +620,7 @@
   }
   .forgebook-tab-foot__note {
     margin-inline-start: auto;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-tab-foot__note[data-has-spills=true] {
@@ -685,14 +701,20 @@
     align-items: center;
     gap: 0.75rem;
   }
+  .forgebook-toolbar__control.forgebook-device-control {
+    gap: 0.375rem;
+  }
+  .forgebook-toolbar__control.forgebook-device-control .forgebook-select {
+    min-width: 10.5rem;
+  }
   .forgebook-width-field {
     display: inline-flex;
     align-items: center;
     gap: 0.125rem;
     height: 1.375rem;
     padding: 0 0.5rem 0 0.25rem;
-    border-radius: 6px;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    border-radius: var(--forgebook-radius-control-small);
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     transition: background-color 150ms ease-out, box-shadow 150ms ease-out;
   }
@@ -706,9 +728,9 @@
     width: 3.25rem;
     padding: 0 0.25rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     font-variant-numeric: tabular-nums;
     color: inherit;
     text-align: end;
@@ -720,7 +742,7 @@
     outline: none;
   }
   .forgebook-width-field__unit {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-stage-tools {
@@ -791,7 +813,7 @@
   .forgebook-stage-tools__zoom {
     min-width: 3.25rem;
     padding: 0 0.375rem;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text);
   }
@@ -811,11 +833,12 @@
     height: 1.625rem;
     padding: 0 0.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
+    text-decoration: none;
     white-space: nowrap;
   }
   .forgebook-button:focus-visible {
@@ -865,7 +888,7 @@
     padding: 0;
     border: 0;
     background: none;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-accent-text);
   }
   .forgebook-text-button:focus-visible {
@@ -888,7 +911,7 @@
     margin: 0;
     padding: 0.125rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill);
   }
   .forgebook-segmented:disabled {
@@ -901,8 +924,8 @@
     height: 1.375rem;
     min-width: 1.5rem;
     padding: 0 0.5rem;
-    border-radius: 6px;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    border-radius: var(--forgebook-radius-control-small);
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   input:checked + .forgebook-segmented__face {
@@ -926,7 +949,7 @@
     flex-direction: column;
     gap: 0.75rem;
     padding: 0.875rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-edge), 0 18px 48px var(--forgebook-shadow-deep), 0 4px 12px var(--forgebook-shadow-lift);
     white-space: nowrap;
@@ -956,8 +979,8 @@
     align-items: center;
     gap: 0.5rem;
     padding: 0.25rem 0.375rem;
-    border-radius: 6px;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    border-radius: var(--forgebook-radius-control-small);
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     cursor: pointer;
   }
   .forgebook-choice:hover {
@@ -1007,10 +1030,10 @@
     margin: 0;
     padding: 0.5rem 0.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-edge), 0 18px 48px var(--forgebook-shadow-deep), 0 4px 12px var(--forgebook-shadow-lift);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     white-space: normal;
   }
@@ -1028,7 +1051,7 @@
   .forgebook-named-view {
     display: inline-flex;
     align-items: center;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
   }
   .forgebook-named-view:hover {
@@ -1038,9 +1061,9 @@
     height: 1.5rem;
     padding: 0 0.5rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: transparent;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
   }
   .forgebook-named-view__pick:focus-visible {
@@ -1059,7 +1082,7 @@
     height: 1.5rem;
     padding: 0;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: transparent;
     color: var(--forgebook-text-tertiary);
   }
@@ -1075,10 +1098,10 @@
     height: 1.5rem;
     padding: 0 0.5rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge-field);
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
   }
   .forgebook-named-views__form input:focus-visible {
@@ -1096,9 +1119,9 @@
     height: 1.375rem;
     padding: 0 0.25rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: transparent;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-key-field__button:focus-visible {
@@ -1114,14 +1137,14 @@
     color: var(--forgebook-accent-text);
   }
   .forgebook-key-field__button kbd {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
   }
   .forgebook-key-field__problem {
     position: absolute;
     top: 100%;
     right: 0;
     z-index: 1;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-danger-text);
     white-space: nowrap;
   }
@@ -1142,7 +1165,7 @@
     align-items: center;
     gap: 0.5rem;
     padding: 0.125rem 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
   }
   .forgebook-arrange[data-dragged] {
@@ -1167,7 +1190,7 @@
     height: 1.625rem;
     padding: 0;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     color: var(--forgebook-text-tertiary);
     cursor: grab;
@@ -1222,7 +1245,7 @@
     gap: 0.5rem;
   }
   .forgebook-toolbar__label {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     white-space: nowrap;
   }
@@ -1232,16 +1255,16 @@
     display: grid;
     min-width: 10rem;
     padding: 0.25rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-edge), 0 18px 48px var(--forgebook-shadow-deep), 0 4px 12px var(--forgebook-shadow-lift);
   }
   .forgebook-context-menu__item {
     padding: 0.25rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     text-align: start;
     cursor: pointer;
@@ -1259,14 +1282,14 @@
     height: 1.625rem;
     padding: 0 1.5rem 0 0.625rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background-color: var(--forgebook-surface);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2356565d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3-3 3 3M5 9.5l3 3 3-3'/%3E%3C/svg%3E");
     background-position: right 0.375rem center;
     background-repeat: no-repeat;
     background-size: 0.875rem;
     box-shadow: inset 0 0 0 1px var(--forgebook-edge);
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     text-overflow: ellipsis;
     appearance: none;
@@ -1289,7 +1312,7 @@
     display: inline-flex;
     align-items: center;
     gap: 0.25rem;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-switch {
@@ -1333,7 +1356,7 @@
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    font: 500 0.75rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.75rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text);
     cursor: pointer;
   }
@@ -1345,13 +1368,13 @@
     box-shadow: inset 0 1px 0 var(--forgebook-separator);
   }
   .forgebook-popover__note {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-problems {
     margin: 1rem 2rem 0;
     padding: 0.75rem 1rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-separator);
     color: var(--forgebook-danger-text);
@@ -1360,6 +1383,33 @@
     margin: 0.25rem 0 0;
     padding-inline-start: 1rem;
   }
+  .forgebook-dropped-args {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    gap: 0.25rem 0.75rem;
+    margin-block-start: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    border-radius: var(--forgebook-radius-card);
+    background: var(--forgebook-surface);
+    box-shadow: inset 0 0 0 1px var(--forgebook-separator);
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-secondary);
+  }
+  .forgebook-dropped-args__text {
+    margin: 0;
+  }
+  .forgebook-dropped-args__list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem 0.75rem;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  .forgebook-dropped-args__list code {
+    color: var(--forgebook-text);
+  }
   .forgebook-empty {
     margin: 2rem;
     color: var(--forgebook-text-secondary);
@@ -1371,7 +1421,7 @@
   }
   .forgebook-header__path {
     margin: 0 0 0.375rem;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: var(--forgebook-accent-text);
@@ -1385,16 +1435,16 @@
     align-items: baseline;
     gap: 0.25rem 0.75rem;
     margin-top: 0.5rem;
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
   }
   .forgebook-header__related-label {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-header__related-link {
     color: var(--forgebook-accent-text);
     text-decoration: none;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
   }
   .forgebook-header__related-link:focus-visible {
     outline: 2px solid color-mix(in srgb, var(--forgebook-accent) 35%, transparent);
@@ -1421,11 +1471,11 @@
   }
   .forgebook-header__title {
     margin: 0;
-    font: 700 1.375rem/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 700 1.375rem/1.2 var(--forgebook-font-sans);
     letter-spacing: -0.02em;
   }
   .forgebook-play__status {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-weight: 400;
     text-transform: none;
     letter-spacing: 0;
@@ -1441,14 +1491,14 @@
     padding-inline-start: 1.25rem;
   }
   .forgebook-play__step {
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
   }
   .forgebook-play__label {
     margin-inline-end: 0.5rem;
   }
   .forgebook-play__error {
     margin: 0.125rem 0 0;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-danger-text);
   }
   .forgebook-calls__details > summary {
@@ -1477,12 +1527,12 @@
     gap: 0.5rem;
   }
   .forgebook-violation__rule {
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     font-weight: 500;
     color: var(--forgebook-accent-text);
   }
   .forgebook-violation__impact {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-violation:is([data-impact=serious], [data-impact=critical]) .forgebook-violation__impact {
@@ -1490,7 +1540,7 @@
   }
   .forgebook-violation__targets {
     gap: 0.125rem;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-secondary);
     overflow-wrap: anywhere;
   }
@@ -1498,31 +1548,33 @@
     margin: 0;
     padding: 0.75rem;
     overflow-x: auto;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-fill-quiet);
     white-space: pre;
   }
   .forgebook-code-block .forgebook-code {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
   }
   .forgebook-stage__heading {
-    flex: 1;
+    flex: 1 1 10rem;
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.125rem;
     min-width: 0;
   }
   .forgebook-stage__title {
     margin: 0;
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     font-weight: 600;
     color: var(--forgebook-text);
+    overflow-wrap: break-word;
   }
   .forgebook-stage__description {
     display: -webkit-box;
     overflow: hidden;
     min-height: 2lh;
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -1546,7 +1598,7 @@
     border-radius: 999px;
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-spinner {
@@ -1579,13 +1631,14 @@
   }
   .forgebook-viewport {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.375rem;
   }
   .forgebook-viewport__canvas {
     display: flex;
     overflow-x: auto;
     padding: 1.25rem 0;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background-color: var(--forgebook-window);
     background-image: repeating-linear-gradient(-45deg, transparent 0 5px, var(--forgebook-fill) 5px 6px);
     box-shadow: inset 0 0 0 1px var(--forgebook-separator);
@@ -1612,7 +1665,7 @@
     margin-bottom: -1rem;
     cursor: ns-resize;
     touch-action: none;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
   }
   .forgebook-viewport__foot::before {
     content: "";
@@ -1636,7 +1689,7 @@
     position: absolute;
     inset: 50% auto auto calc(50% + 1.75rem);
     transform: translateY(-50%);
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-tertiary);
     white-space: nowrap;
   }
@@ -1656,7 +1709,7 @@
     width: 1rem;
     cursor: ew-resize;
     touch-action: none;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
   }
   .forgebook-viewport__handle::before {
     content: "";
@@ -1683,15 +1736,18 @@
   .forgebook-home {
     box-sizing: border-box;
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 1.5rem;
     width: 100%;
     max-width: 56rem;
     margin: 0 auto;
     padding: 1.5rem 2rem 2rem;
+    overflow-wrap: break-word;
     animation: forgebook-rise 260ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
   }
   .forgebook-home__head {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.5rem;
   }
   .forgebook-home__title {
@@ -1723,9 +1779,10 @@
   }
   .forgebook-home__recent-link {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.125rem;
     padding: 0.5rem 0.75rem;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     color: inherit;
@@ -1741,14 +1798,14 @@
     box-shadow: inset 0 0 0 1px var(--forgebook-accent);
   }
   .forgebook-home__recent-name {
-    font: 500 0.8125rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 500 0.8125rem/1.35 var(--forgebook-font-sans);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     min-width: 0;
   }
   .forgebook-home__recent-place {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
     overflow: hidden;
     white-space: nowrap;
@@ -1762,11 +1819,12 @@
   }
   .forgebook-home__card {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     align-content: start;
     justify-items: start;
     gap: 0.5rem;
     padding: 0.75rem 1rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
   }
@@ -1777,20 +1835,30 @@
     gap: 0.5rem;
     width: 100%;
     margin: 0;
-    font: 600 0.875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.875rem/1.3 var(--forgebook-font-sans);
+    overflow-wrap: anywhere;
   }
   .forgebook-home__count {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-weight: 400;
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-home__components {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.25rem;
     margin: 0;
     padding: 0;
     list-style: none;
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
+  }
+  .forgebook-audience-note {
+    margin: 0;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-tertiary);
+  }
+  .forgebook-doc[data-audience=designer] {
+    max-width: 72rem;
   }
   .forgebook-doc__lead {
     margin: 0;
@@ -1832,7 +1900,7 @@
   }
   .forgebook-used-in__note {
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-used-in__stories {
@@ -1842,7 +1910,7 @@
     flex-basis: 100%;
   }
   .forgebook-used-in__story {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     text-decoration: none;
   }
@@ -1852,11 +1920,12 @@
   }
   .forgebook-doc__section {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 1rem;
   }
   .forgebook-doc__section > h2 {
     margin: 1rem 0 0;
-    font: 700 1.375rem/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 700 1.375rem/1.2 var(--forgebook-font-sans);
   }
   .forgebook-doc__section > h3 {
     margin: 0.5rem 0 0;
@@ -1865,11 +1934,12 @@
   }
   .forgebook-doc__group {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 1.5rem;
   }
   .forgebook-doc__group-name {
     margin: 0.5rem 0 0;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
     text-transform: uppercase;
     letter-spacing: 0.06em;
@@ -1887,10 +1957,12 @@
   }
   .forgebook-example {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.625rem;
   }
   .forgebook-example__head {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.25rem;
   }
   .forgebook-example__title {
@@ -1900,11 +1972,11 @@
   }
   .forgebook-example__description {
     margin: 0;
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-example__box {
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     overflow: clip;
@@ -1928,7 +2000,7 @@
     min-height: 2.25rem;
     padding: 0 0.75rem;
     box-shadow: inset 0 1px 0 var(--forgebook-separator);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
   }
   .forgebook-example__toggle {
     display: inline-flex;
@@ -1936,7 +2008,7 @@
     gap: 0.25rem;
     padding: 0.25rem 0.375rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     font: inherit;
     font-weight: 500;
@@ -2074,10 +2146,10 @@
     right: 0.5rem;
     padding: 0.125rem 0.5rem;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-separator);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
     cursor: pointer;
     transition: color 150ms ease-out;
@@ -2092,15 +2164,16 @@
   }
   .forgebook-inline-code {
     padding: 0.1em 0.35em;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-fill-quiet);
-    font-family: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-family: var(--forgebook-font-mono);
     font-size: 0.875em;
     color: var(--forgebook-code-name);
   }
   .forgebook-prose {
-    font: 400 0.8125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.8125rem/1.4 var(--forgebook-font-sans);
     line-height: 1.6;
+    overflow-wrap: break-word;
   }
   .forgebook-prose > :first-child {
     margin-top: 0;
@@ -2110,7 +2183,7 @@
   }
   .forgebook-prose h2 {
     margin: 2rem 0 0.75rem;
-    font: 700 1.375rem/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 700 1.375rem/1.2 var(--forgebook-font-sans);
   }
   .forgebook-prose h3 {
     margin: 1.5rem 0 0.5rem;
@@ -2135,19 +2208,19 @@
   }
   .forgebook-prose code {
     padding: 0.1em 0.35em;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-fill-quiet);
-    font-family: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font-family: var(--forgebook-font-mono);
     font-size: 0.875em;
   }
   .forgebook-prose pre {
     margin: 0 0 1rem;
     padding: 0.75rem 1rem;
-    border-radius: 12px;
+    border-radius: var(--forgebook-radius-card);
     background: var(--forgebook-surface);
     box-shadow: 0 0 0 1px var(--forgebook-card-edge), 0 1px 3px var(--forgebook-shadow-soft);
     overflow-x: auto;
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     line-height: 1.6;
   }
   .forgebook-prose pre code {
@@ -2159,7 +2232,7 @@
     width: 100%;
     margin-bottom: 1rem;
     border-collapse: collapse;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
   }
   .forgebook-prose th,
   .forgebook-prose td {
@@ -2167,6 +2240,7 @@
     text-align: start;
     vertical-align: top;
     box-shadow: inset 0 -1px 0 var(--forgebook-separator);
+    overflow-wrap: anywhere;
   }
   .forgebook-prose th {
     font-weight: 600;
@@ -2178,7 +2252,7 @@
   .forgebook-api__table {
     width: 100%;
     border-collapse: collapse;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
   }
   .forgebook-api__table th,
   .forgebook-api__table td {
@@ -2188,7 +2262,7 @@
     box-shadow: inset 0 -1px 0 var(--forgebook-separator);
   }
   .forgebook-api__table thead th {
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-api__table tbody tr {
@@ -2206,15 +2280,47 @@
     background: none;
   }
   .forgebook-api__name {
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     font-weight: 600;
     color: var(--forgebook-code-name);
   }
+  .forgebook-api__head {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem 1rem;
+    margin-top: 1rem;
+  }
+  .forgebook-api__head > h2 {
+    margin: 0;
+    font: 700 1.375rem/1.2 var(--forgebook-font-sans);
+  }
+  .forgebook-required-first {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    font-weight: 500;
+    color: var(--forgebook-text-secondary);
+    cursor: pointer;
+  }
+  .forgebook-prop__group {
+    margin-inline: 0.375rem auto;
+    padding: 0 0.375rem;
+    border-radius: 999px;
+    background: var(--forgebook-fill);
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    font-weight: 400;
+    color: var(--forgebook-text-secondary);
+    white-space: nowrap;
+  }
   .forgebook-api__type {
     min-width: 10rem;
   }
   .forgebook-api__subcomponent {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
     gap: 0.75rem;
     margin-top: 1rem;
   }
@@ -2231,6 +2337,101 @@
     margin: 0;
     color: var(--forgebook-text-secondary);
   }
+  .forgebook-fold {
+    interpolate-size: allow-keywords;
+  }
+  .forgebook-fold::details-content {
+    height: 0;
+    overflow: clip;
+    transition: height 260ms cubic-bezier(0.22, 1, 0.36, 1), content-visibility 260ms allow-discrete;
+  }
+  .forgebook-fold[open]::details-content {
+    height: auto;
+  }
+  .forgebook-fold__summary {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+    width: fit-content;
+    cursor: pointer;
+    list-style: none;
+    border-radius: var(--forgebook-radius-control);
+  }
+  .forgebook-fold__summary:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--forgebook-accent) 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px var(--forgebook-accent);
+  }
+  .forgebook-fold__summary::-webkit-details-marker {
+    display: none;
+  }
+  .forgebook-fold__summary > svg {
+    flex: none;
+    color: var(--forgebook-text-tertiary);
+    transition: transform 150ms ease-out;
+  }
+  .forgebook-fold[open] > .forgebook-fold__summary > svg {
+    transform: rotate(90deg);
+  }
+  .forgebook-fold__name {
+    margin: 0;
+    font: inherit;
+  }
+  .forgebook-fold__count {
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    font-variant-numeric: tabular-nums;
+    text-transform: none;
+    letter-spacing: normal;
+    color: var(--forgebook-text-tertiary);
+  }
+  .forgebook-api__group {
+    margin-top: 1rem;
+  }
+  .forgebook-api__group > .forgebook-fold__summary {
+    margin-bottom: 0.5rem;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+  .forgebook-api__members-toggle {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    margin-inline-start: 0.5rem;
+    padding: 0 0.25rem;
+    border: 0;
+    border-radius: var(--forgebook-radius-control);
+    background: none;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
+    color: var(--forgebook-text-secondary);
+    white-space: nowrap;
+    cursor: pointer;
+  }
+  .forgebook-api__members-toggle:focus-visible {
+    outline: 2px solid color-mix(in srgb, var(--forgebook-accent) 35%, transparent);
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px var(--forgebook-accent);
+  }
+  .forgebook-api__members-toggle:hover {
+    color: var(--forgebook-text);
+  }
+  .forgebook-api__members-toggle > svg {
+    transition: transform 150ms ease-out;
+  }
+  .forgebook-api__members-toggle[aria-expanded=true] > svg {
+    transform: rotate(90deg);
+  }
+  .forgebook-api__table tbody tr.forgebook-api__members:hover {
+    background: none;
+  }
+  .forgebook-api__table tbody tr.forgebook-api__members > td {
+    padding: 0 0 0.5rem 1.25rem;
+  }
+  .forgebook-prop-group__body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.625rem;
+    padding-top: 0.625rem;
+  }
   .forgebook-hl-keyword,
   .forgebook-hl-literal,
   .forgebook-hl-built_in {
@@ -2299,14 +2500,14 @@
   }
   .forgebook-compare__label {
     padding: 0.5rem 0.75rem;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-dock__hint {
     padding: 0 0.375rem;
     border-radius: 999px;
     background: var(--forgebook-fill);
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text-secondary);
   }
@@ -2321,7 +2522,7 @@
   }
   .forgebook-prop-group__title {
     margin: 0;
-    font: 600 0.6875rem/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 600 0.6875rem/1.3 var(--forgebook-font-sans);
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: var(--forgebook-text-secondary);
@@ -2337,10 +2538,10 @@
     height: 1.625rem;
     padding: 0 0.5rem;
     border: 0;
-    border-radius: 7px;
+    border-radius: var(--forgebook-radius-control);
     background: var(--forgebook-surface);
     box-shadow: inset 0 0 0 1px var(--forgebook-edge-field);
-    font: 400 0.78125rem/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.78125rem/1.4 var(--forgebook-font-sans);
     color: var(--forgebook-text);
   }
   .forgebook-prop select:focus-visible,
@@ -2356,7 +2557,7 @@
     gap: 0.5rem;
   }
   .forgebook-prop__name {
-    font: 400 0.71875rem/1.4 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.71875rem/1.4 var(--forgebook-font-mono);
     font-weight: 500;
   }
   .forgebook-prop__field {
@@ -2373,7 +2574,7 @@
     height: 1.625rem;
     padding: 0;
     border: 0;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: none;
     cursor: pointer;
   }
@@ -2386,12 +2587,12 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     min-width: 0;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-prop__description {
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-prop__text-arg {
@@ -2400,11 +2601,11 @@
     align-items: baseline;
     gap: 0.375rem;
     margin: 0;
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     color: var(--forgebook-text-tertiary);
   }
   .forgebook-prop__text-arg code {
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     color: var(--forgebook-text-secondary);
   }
   .forgebook-toggles {
@@ -2423,7 +2624,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     min-width: 0;
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
   }
   .forgebook-event {
     display: flex;
@@ -2437,9 +2638,9 @@
   .forgebook-code {
     display: block;
     padding: 0.25rem 0.5rem;
-    border-radius: 6px;
+    border-radius: var(--forgebook-radius-control-small);
     background: var(--forgebook-fill-quiet);
-    font: 400 0.6875rem/1.6 "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
+    font: 400 0.6875rem/1.6 var(--forgebook-font-mono);
     white-space: pre-wrap;
     overflow-wrap: anywhere;
   }
@@ -2492,7 +2693,7 @@
     min-width: 0;
   }
   .forgebook-calls__time {
-    font: 400 0.6875rem/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
+    font: 400 0.6875rem/1.35 var(--forgebook-font-sans);
     font-variant-numeric: tabular-nums;
     color: var(--forgebook-text-tertiary);
   }