.note-card{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-default);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);flex-direction:column;gap:.875rem;padding:1.75rem;display:flex}.note-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.note-card__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.note-card__date-time{align-items:center;gap:1rem;display:flex}.note-card__date,.note-card__reading-time{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.35rem;display:inline-flex}.note-card__title{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.3}.note-card__summary{font-size:var(--text-sm);color:var(--text-secondary);flex:1;margin:0;line-height:1.65}.note-card__tags{flex-wrap:wrap;gap:.375rem;display:flex}.note-card__cta{font-size:var(--text-xs);color:var(--accent-primary);border-top:1px solid var(--border-subtle);transition:gap var(--transition-fast);align-items:center;gap:.375rem;margin-top:auto;padding-top:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.note-card:hover .note-card__cta{gap:.5rem}