*, *::before, *::after { box-sizing: border-box; } body { margin: 0; background: var(--nodedc-canvas); color: var(--nodedc-text-primary); font-family: var(--nodedc-font-family); font-size: var(--nodedc-font-size-md); } .node-stage { height: 100%; overflow: auto; padding: var(--nodedc-space-5); } .node-content { display: grid; align-content: start; gap: var(--nodedc-space-5); min-width: 0; } .node-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--nodedc-space-5); margin: 0; font-size: var(--nodedc-font-size-sm); } .node-facts > div { min-width: 0; } .node-facts dt { color: var(--nodedc-text-muted); margin-bottom: var(--nodedc-space-2); } .node-facts dd { margin: 0; overflow-wrap: anywhere; } .node-section-heading { display: flex; flex-wrap: wrap; align-items: center; gap: var(--nodedc-space-3); justify-content: space-between; } .node-form { display: grid; gap: var(--nodedc-space-4); } .node-form > button { justify-self: start; } .node-note { margin: 0; color: var(--nodedc-text-secondary); font-size: var(--nodedc-font-size-sm); line-height: 1.6; overflow-wrap: anywhere; } .node-entry { max-width: 640px; margin: var(--nodedc-space-8) auto; }