h1{font-family:var(--font-serif);font-weight:400;font-size:var(--fs-title);margin:0 0 var(--gap-sm)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--gap-md);margin:var(--gap-md) 0}
.card{display:block;background:var(--color-panel);border:1px solid var(--color-border-line);border-radius:var(--radius);padding:var(--pad-lg);color:inherit;text-decoration:none}
.card:hover{border-color:var(--color-accent)}
.card h2{font-size:var(--fs-heading);margin:0 0 var(--gap-xs)}
.card p{margin:0;color:var(--color-fg-muted)}
.nota{color:var(--color-fg-muted);font-size:var(--fs-caption)}