.card{container-type:inline-size;scroll-snap-align:start;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:var(--radius);background:var(--card);color:var(--card-text);border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 32px -16px rgba(0,0,0,.3);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px)}.card h3{margin:0;font-size:1.05rem;text-wrap:balance}.card p{margin:0;color:var(--muted);line-height:1.6;text-wrap:pretty}@container (min-width:20rem){.card h3{font-size:1.15rem}}.who{display:flex;align-items:center;gap:.75rem;margin-block-start:auto;padding-block-start:.5rem}.avatar{inline-size:2.5rem;aspect-ratio:1;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}