.example-banner { background: var(--c-highlight); border: var(--bw) solid var(--c-border); border-radius: var(--radius); padding: calc(var(--space) * 2); text-align: center; margin-block: calc(var(--space) * 2); }
.example-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space); }
.example-list { display: grid; gap: var(--space); }
.example-note { display: flex; flex-direction: column; gap: var(--space); }