/* 06-components/_empty.css — .c-empty: nothing here yet, an error, or a module that is coming. */
.c-empty { display: flex; flex-direction: column; align-items: center; gap: var(--space-xs); padding: var(--space-2xl) var(--space-lg); text-align: center; color: var(--ink-muted); border: var(--stroke) dashed var(--rule-strong); border-radius: var(--radius-md); }
.c-empty__title { font-weight: var(--weight-semibold); color: var(--ink); font-size: var(--text-lg); }
.c-empty__text { max-width: 40ch; color: var(--ink-muted); }
.c-empty__code { font-family: var(--font-mono); font-size: var(--text-3xl); color: var(--rule-strong); line-height: 1; }
.c-empty--inline { padding: var(--space-md); border: 0; color: var(--ink-faint); font-size: var(--text-sm); }
.c-empty--error { border-style: solid; background: var(--surface); }