/* The start page of the docs (generated by scripts/overview.mjs) and the vision, in the look of the tooling's start
   page: a dark hero, cards below. The palette (--lc-*) and the rules shared with the other landing pages (hero, eyebrow,
   call to action, content width) are the landing look of the site frame (lernapps-landing.css, linked before this
   file). Here: what only this page has. */
ul { list-style: none; margin: 0; padding: 0; }

.label { display: block; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--lc-accent); }

section h2.section { font-size: 1.4rem; letter-spacing: -0.02em; margin: 0 0 0.4rem; }
section .lead { margin: 0 0 1rem; color: var(--lc-muted); max-width: 40rem; }