@layer utilities {

[id] { scroll-margin-top: 110px; }

.maxw-content { max-width: var(--content-max); }
.maxw-580 { max-width: var(--measure-narrow); }
.kn-core__list--full { max-width: 100%; }
.kn-dy__support-note--sm { font-size: 0.8125rem; color: var(--text-muted); }
.kn-st-list--compact { max-width: 400px; margin-top: 12px; gap: 0; }
.kn-st-list--compact .kn-st-list__item { padding: 6px 0; }

.text-primary { color: var(--text-primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-muted { color: var(--text-muted) !important; }
.text-accent { color: var(--accent-ink) !important; }
.strong-500 { font-weight: 500 !important; }
.strong-600 { font-weight: 600 !important; }
.text-muted-sm { font-size: 0.875rem !important; color: var(--text-muted) !important; }
.text-note { font-size: 0.875rem !important; line-height: 1.5 !important; color: var(--text-muted) !important; }
.text-body-sm { font-size: 0.9375rem !important; line-height: 1.6 !important; color: var(--text-secondary) !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-4 { margin-bottom: 4px !important; }
.mb-8 { margin-bottom: 8px !important; }
.mb-16 { margin-bottom: 16px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-24 { margin-bottom: 24px !important; }
.mb-28 { margin-bottom: 28px !important; }
.mb-32 { margin-bottom: 32px !important; }
.mb-36 { margin-bottom: 36px !important; }
.mb-48 { margin-bottom: 48px !important; }
.mt-8 { margin-top: 8px !important; }
.mt-12 { margin-top: 12px !important; }
.mt-16 { margin-top: 16px !important; }
.mt-24 { margin-top: 24px !important; }
.mt-32 { margin-top: 32px !important; }
.mt-36 { margin-top: 36px !important; }
.mt-48 { margin-top: 48px !important; }
.mt-56 { margin-top: 56px !important; }

.maxw-640 { max-width: var(--measure); }
.pl-24 { padding-left: 24px; }

}