/* SPDX-License-Identifier: AGPL-3.0-or-later */
/* index.html's own rules, kept out of the page so it runs under a
   CSP with no inline styles (the web demo publishes these pages). */
/* The design system home, served at /design and linked from the bottom
   of Settings. One entry per page; add a page here and in every page's
   side nav when a component lands. */
.pages { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 1rem; }
a.card { display: flex; flex-direction: column; gap: .35rem; color: var(--text-muted); }
a.card:hover { border-color: var(--border-accent); }
a.card .eyebrow { margin-bottom: .2rem; }
a.card .ttl { font: 700 1.05rem/1.25 var(--font-body); color: var(--text-default); }
a.card:hover .ttl { color: var(--text-accent); }
a.card p { font-size: .9rem; line-height: 1.5; text-wrap: pretty; }
a.card .src { margin-top: auto; padding-top: .4rem; font: .78rem var(--font-ui); }